首页 » 排名链接 » 软件开发(下划线文本划线开发装饰)

软件开发(下划线文本划线开发装饰)

落叶飘零 2024-11-26 10:34:58 0

扫一扫用手机浏览

文章目录 [+]

讲课人:波波老师。

text-decoration:文字添加装饰。
line-height:行高。
text-shadow:文字添加阴影。
text-align:文字水平对齐方式。
word-break:文本自动换行。
word-wrap:长单词自动换行。

text-decoration文本的装饰主要用于设置文本的上划线、下划线和中划线,也就是删除线。
这个功能最主要的用处是处理链接默认自带的下划线。

软件开发(下划线文本划线开发装饰) 排名链接
(图片来自网络侵删)

来看一下代码。

·首先来做一个链接,可以看到这个链接是带一个下划线的,把下划线去掉。
text-decoration:none,可以看到下划线就去掉了。

·然后再来做class="under",等于下部。
class="over",这个class="del"。
从下划线、上划线、删除线。

·来做这三个样式。
首先是得.under,把它做成underline,可以看underline是有下划线的。
再做一个overline,做成overline,overline是上划线。
这个有点近了,把它分开,这回可以看到这个是有上划线的。
再做一个删除线,del,看到这个做了一个删除线。

这个先讲到这里,进行下一个。

相关文章