怎么用css的text-stroke属性来制作文字描边(css,text-stroke,web开发)

时间:2024-04-30 06:52:56 作者 : 石家庄SEO 分类 : web开发
  • TAG :

  一: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>


怎么用css的text-stroke属性来制作文字描边怎么用css的text-stroke属性来制作文字描边


 </div> <div class="zixun-tj-product adv-bottom"></div> </div> </div> <div class="prve-next-news">
本文:怎么用css的text-stroke属性来制作文字描边的详细内容,希望对您有所帮助,信息来源于网络。
上一篇:怎么用CSS更改悬停图像下一篇:

22 人围观 / 0 条评论 ↓快速评论↓

(必须)

(必须,保密)

阿狸1 阿狸2 阿狸3 阿狸4 阿狸5 阿狸6 阿狸7 阿狸8 阿狸9 阿狸10 阿狸11 阿狸12 阿狸13 阿狸14 阿狸15 阿狸16 阿狸17 阿狸18