如何使用css text-stroke属性来制作文字描边？

　　一：textshadow属性：

　　很多人在css中使用text-stroke进行对文字的描边，其实给一行文字进行描边，实际上就是给一行文字加边框。

　　二：text-stroke语法的使用：

　　text-stroke：宽度值颜色值

　　解释：

　　其实text-stroke是一个符合的语法，是有宽度值和颜色值两个子属性组成。

　　1.text-stroke-width属性解释：设置边框的宽度，一般我们可以长度来表示

　　2.text-stroke-color属性解释：一般来设置边框的颜色

　　三：text-stroke属性的用法举例：

　　<!DOCTYPEhtml>

　　<htmlxmlns="http://www.w3.org/1999/xhtml">

　　<head>

　　<title>CSS3text-stroke属性</title>

　　<styletype="text/css">

　　div

　　{

　　font-size:30px;

　　font-weight:bold;

　　}

　　#div2

　　{

　　text-stroke:1pxred;

　　-webkit-text-stroke:1pxred;

　　-moz-text-stroke:1pxred;

　　-o-text-stroke:1pxred;

　　}

　　</style>

　　</head>

　　<body>

　　<divid="div1">我没有被描边</div>

　　<divid="div2">我被描边1像素的红色的边</div>

　　</body>

　　</html>

本文转载自中文网

如需转载，请注明文章出处和来源网址：http://www.divcss5.com/css3-style/c56738.shtml