css - 如何在数独表中放置一条垂直线

Question

我尝试在箭头下获取 vrtcl 线。

对于我使用的水平线。

     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);

标签： css

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);

但鉴于您没有使用 box-shadow 来获得阴影效果（即不使用模糊或扩散），边框可能更可取，因为它会给您提供与您所追求的相同的分隔线外观，但如果您调整单元格之间的填充。您也可以取消浏览器前缀：

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