•   欢迎来到21NN网.
  •   请记住本站网址www.21nn.cn

css字体划线怎样设置?笔墨加中划线要领【css教程】,css字体划线,文字加中划线方法

摘要: 本篇文章给人人带来的内容是关于css字体划线怎样设置?笔墨加中划线要领,有肯定的参考价值,有须要的朋侪能够参考一下,愿望对你有所协助。css规划设置笔墨划线款式-字体笔墨加中划线规划在淘宝...
本篇文章给人人带来的内容是关于css字体划线怎样设置?笔墨加中划线要领,有肯定的参考价值,有须要的朋侪能够参考一下,愿望对你有所协助。

css规划设置笔墨划线款式-字体笔墨加中划线规划

在淘宝、京东等网上商城上瞥见原价笔墨划线,打折笔墨不中划线的规划。

一、笔墨中划线CSS与HTML标签两种

1、CSS属性单词与代码

单词:text-decoration

中划线值

text-decoration:line-through

2、HTML中划线标签

S标签

<s>被加中划线</s>

二、笔墨中划线div css实例

<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>笔墨加中划线实例</title>
<style>
.zhx{ text-decoration:line-through}
</style>
</head>
<body>
<p>原价:¥<span class="zhx">200.00</span><br />
现价:¥120.00</p>
</body>
</html>

结果以下:

CSS设置 text-decoration:line-through中划线款式。
对原价的数字,加class引入中划线css款式。

以上就是对css字体划线怎样设置?笔墨加中划线要领的悉数引见,假如您想相识更多有关CSS3教程,请关注ki4网。

以上就是css字体划线怎样设置?笔墨加中划线要领的细致内容,更多请关注ki4网别的相干文章!

分享到:

发表评论

评论列表

还没有评论,快来说点什么吧~

公众号二维码

微信公众号