怎么用css的text-stroke属性来制作文字描边
导读:本文共1108.5字符,通常情况下阅读需要4分钟。同时您也可以点击右侧朗读,来听本文内容。按键盘←(左) →(右) 方向键可以翻页。
摘要: 一:textshadow属性: 很多人在css中使用text-stroke进行对文字的描边,其实给一行文字进行描边,实际上就是给一行文字加边框。 二:text-stroke语法的使用: text-stroke:宽度值颜色值 解释: 其实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>
</div> <div class="zixun-tj-product adv-bottom"></div> </div> </div> <div class="prve-next-news">
怎么用css的text-stroke属性来制作文字描边的详细内容,希望对您有所帮助,信息来源于网络。