网站推广的软文,wordpress 中文安装,网络广告有哪些形式,以美食为主的网站栏目怎么做问题最近遇到一个需求#xff0c;需要实现文字的描边效果#xff0c;如下图解决方法一首先想到去看CSS3有没有什么属性可以实现#xff0c;后来被我找到了text-stroke该属性是一个复合属性#xff0c;可以设置文字宽度和文字描边颜色该属性使用很简单#xff1a;text-stro…问题最近遇到一个需求需要实现文字的描边效果如下图解决方法一首先想到去看CSS3有没有什么属性可以实现后来被我找到了text-stroke该属性是一个复合属性可以设置文字宽度和文字描边颜色该属性使用很简单text-stroke:1px#f00;(1px是文字宽度#ff是文字描边颜色)本以为该属性的兼容性会及时止住我微微上扬的嘴角随后逐渐凝固但出乎意料的是大多浏览器已经开始支持该属性只需要加上前缀-webkit-即可Demotext-stroke-文字描边.demo {color: mistyrose;text-align: center;font-family: Verdana;font-size: 30px;font-weight: bold;}.stroke {-webkit-text-stroke: 1px greenyellow;}没有添加描边添加了字体描边解决方法二(推荐)偶然间发现一种即使不用text-stroke属性也能够实现文字描边的方法—— text-shadow并且text-shadow属性的兼容性更好也不用加前缀-webkit-Demotext-shadow-文字描边.demo {text-align: center;font-family: Verdana;font-size: 30px;font-weight: bold;color: red;}.stroke {text-shadow: #000 1px 0 0, #000 0 1px 0, #000 -1px 0 0, #000 0 -1px 0;}没有添加描边添加了字体描边css 模拟文字描边效果2p{text-shadow:-1px -1px 0 #4f4d57,1px -1px 0 #4f4d57,-1px 1px 0 #4f4d57,1px 1px 0 #4f4d57,0px 2px 2px rgba(0,0,0,0.6);font-size: 15px;color: #f2f2f2;font-family:微软雅黑;}以上就是本文的全部内容希望对大家的学习有所帮助也希望大家多多支持脚本之家。
