[分享]css中字两边有线

在CSS中，字两边有线非常常见。这种效果被称为"文字描边"或"文本描边"。可以使用CSS中的text-shadow属性实现这种效果。

text-shadow: 1px 1px black, 
             1px -1px black, 
             -1px 1px black, 
             -1px -1px black; 

代码中的四个值分别是X轴和Y轴的偏移量和阴影颜色。因为我们想要四个方向都有线，所以需要四个颜色相同的阴影。这个属性可以根据需要自由调整。

如果想要更细的线，可以增加阴影的数量，并减小它们的位置。

text-shadow: 0.5px 0.5px black, 
             0.5px -0.5px black, 
             -0.5px 0.5px black, 
             -0.5px -0.5px black,  
             1px 1px black, 
             1px -1px black, 
             -1px 1px black, 
             -1px -1px black; 

如果想要文字更加突出，则可以使用box-shadow属性。这样可以使整个文本块都有线，并且支持更多的偏移量和投影效果。这里是一个例子:

box-shadow: 0px 0px 0px 3px black; 

这将在文本块周围创建一个3像素宽的线。

总的来说，使用字两边有线是一种让文本在页面中更加显眼的方法，可以让其更好地与背景色和其他元素区分开。