CSS3使用-webkit-text-stroke为文字描边

CSS3中的一些属性方法真的挺实用，期待IE早日支持CSS3。今天使用CSS3的-webkit-text-fill-color和-webkit-text-stroke属性制作一个文字描边效果，看上去还不错，学习CSS3的，大家共勉。CSS3代码如下：

<style>
.blackandwhite{
-webkit-text-fill-color: white;/*文字的填充色*/
-webkit-text-stroke: 2px black;/*描边的像素，也就是粗细，这里指定是2像素的黑色边框*/
}
</style>

别的就不多说了，后面加注释的两句是关键，这些参数你都可以自己试着改一下，效果是不一样，比如文字填充颜色和边框颜色以及边框线条粗细等。以上CSS代码的文字描边效果如下，爱博说文字样式：