CSS3 文字描边

说明:text-stroke属性只有webkit内核的Safari和Chrome支持。

语法:text-stroke:<‘ text-stroke-width ‘> || <‘ text-stroke-color ‘>

属性值:

<‘ text-stroke-width ‘>:设置或检索对象中的文字的描边厚度

<‘ text-stroke-color ‘>:设置或检索对象中的文字的描边颜色

<h1>测试文字测试文字</h1>
h1{
 -webkit-text-stroke: 1.0px #000000;
 color:pink

} 

备注:适合较大的文字进行描边,小文字的话,描边之后就看不见文字内容了,模糊在一起了。 像是加了文字的内边框。

text-shadow描边
<h1>测试文字测试文字</h1>
h1{
text-shadow:2px 2px 0px blue;
color:pink;
}

跟shadow一致,进行文字描边。

<h1>测试文字测试文字</h1>

h1{text-shadow:
 1px 1px 0px blue,
 -1px -1px 0px blue,
 -1px 1px 0px blue,
 1px -1px 0px blue,
color:pink;
}

更全面的四面描边,看起来像是加了文字的外边框。最好在加上一些文字间隙。
原文地址:http://www.php.cn/css-tutorial-410834.html