CSS中的文字中间横线,也叫中划线,可以用于对文字进行强调或者表示删除。下面我们来看一下如何使用CSS添加文字中间横线。中划线的CSS样式: text-decoration: line-through
CSS中的文字中间横线,也叫中划线,可以用于对文字进行强调或者表示删除。下面我们来看一下如何使用CSS添加文字中间横线。
中划线的CSS样式: text-decoration: line-through;
我们可以把这个样式应用到一个html元素上,比如一个段落或者一个span标签。
<p style="text-decoration: line-through;">我是被中划线划掉的文字</p> <span style="text-decoration: line-through;">我也是被中划线划掉的文字</span>
上面的代码会产生以下效果:
我是被中划线划掉的文字
我也是被中划线划掉的文字当然,也可以把中划线的样式定义为一个CSS类,然后在html中引用这个类:
CSS样式: .strike { text-decoration: line-through; } HTML代码: <p class="strike">我是被中划线划掉的文字</p>
上面的代码会产生跟之前一样的效果。
另外,我们还可以把其他样式跟中划线一起使用,比如加粗、斜体等。
CSS样式: .strike { text-decoration: line-through; font-weight: bold; font-style: italic; } HTML代码: <p class="strike">我是既被中划线划掉又加粗又倾斜的文字</p>
这里我们把文字加粗并倾斜,然后再加上中划线,这样的效果更加明显。
我是既被中划线划掉又加粗又倾斜的文字
以上就是CSS中文字中间横线的使用方法,它可以帮助我们对文字进行更多样化的设计。
粉丝
0
关注
0
收藏
0