css设置文字描边效果的方法

这篇文章给大家分享的是有关css设置文字描边效果的方法的内容。小编觉得挺实用的,因此分享给大家做个参考。一起跟随小编过来看看吧。

css设置文字描边效果的方法:可以利用text-stroke-color属性来进行设置,如【-webkit-text-stroke-color: # ff0;】。属性text-stroke-color用来设置或检索对象中的文字的描边颜色。

相关属性:

text-stroke-color: & lt; color>属性设置或检索对象中的文字的描边颜色

属性值:

& lt; color>:指定文字的描边颜色。

兼容性:

举例:

& lt; !DOCTYPE html> 　　& lt; html> 　　& lt; head> 　　& lt;元charset=皍tf-8"/比; 　　& lt; title> text-stroke-color 　　& lt; style> 　　html,身体{字体:粗体14 px/1.5格鲁吉亚,simsun,无衬线;text-align:中心;} 　　.stroke h2{保证金:0;填充:10 px 0 0;} 　　.stroke p { 　　保证金:50 px汽车100 px;字体大小:100 px; 　　-webkit-text-stroke-width: 2 px; 　　-webkit-text-stroke-color: # ff0; 　　} 　　.copyright中,. info{字体样式:斜体;} 　　& lt;/style> 　　& lt;/head> 　　& lt; body> 　　& lt; body> 　　& lt; div> 　　& lt; h2>描边的文字:& lt;/h2> 　　& lt; p>我是被描了2像素黄边的文字& lt;/p> 　　& lt;/div> 　　& lt;/body> 　　& lt;/html>

感谢各位的阅读!关于css设置文字描边效果的方法就分享到这里了,希望以上内容可以对大家有一定的帮助,让大家可以学到更多知识。如果觉得文章不错,可以把它分享出去让更多的人看到吧!

css设置文字描边效果的方法