如何在数独表中放置垂直线

Question

我尝试在箭头下获得垂直线。

我使用的水平线。

     webkit-box-shadow: 0px 3px 0px 0px rgba(0,0,0,0.99);
     -moz-box-shadow: 0px 3px 0px 0px rgba(0,0,0,0.99);
     box-shadow: 0px 3px 0px 0px rgba(0,0,0,0.99);

Answer 1

如果您特别想使用box-shadow，则可以使用box-shadow速记中的第一个属性，该属性可调整水平偏移：

webkit-box-shadow: 3px 3px 0px 0px rgba(0,0,0,0.99);
-moz-box-shadow: 3px 3px 0px 0px rgba(0,0,0,0.99); 
box-shadow: 3px 3px 0px 0px rgba(0,0,0,0.99);

但是考虑到您没有使用盒子阴影来获得阴影效果（即不使用模糊或散布），边框可能会更可取，因为它会为您提供与您想要的相同的分隔线外观，但是如果您调整单元格之间的填充，请重新定位。您也可以删除浏览器前缀：

border-right: 3px solid rgba(0,0,0,0.99);
border-bottom: 3px solid rgba(0,0,0,0.99);

Answer 2

使用box-shadow: 5px 0 2px -2px rgba(0,0,0,0.99);

这会将X偏移量设置得更靠右。