css3 文字变窄

CSS3是CSS最新的升级版本，它可以实现很多之前的版本无法完成的效果。在CSS3中，我们可以通过一些属性来改变文字的样式，其中“text-stroke”属性可以让文字变得更窄。

p {
    text-stroke: 1px #000;
     /*文字变窄属性*/font-size: 24px;
    font-family: Arial;
    color: #fff;
    background-color: #333;
}
    

上面的代码就是一个可以让文字变窄的例子，我们可以看到"text-stroke"属性后面紧跟着一个值，这个值代表了文字描边的宽度。我们也可以改变描边的颜色，只需要在宽度的值后面添加对应的颜色值即可。

值得注意的是，"text-stroke"属性只在一些较新版本的浏览器中才支持，比如Chrome、Firefox等。对于一些旧版的浏览器，我们可以使用"web-kit-text-stroke"来替代。同时，在使用这个属性的时候，文字颜色应该设置为一个与描边颜色相同的颜色，这样才能达到预期的效果。

总而言之，CSS3可以帮助我们实现许多之前无法实现的效果，其中"text-stroke"属性可以让文字变得更窄。我们可以利用它来打造独具特色的样式。

声明：本文内容由网友自发贡献，本站不承担相应法律责任。对本内容有异议或投诉，请联系2913721942#qq.com核实处理，我们将尽快回复您，谢谢合作！