css下划线怎么写

150 阅读 0 评论 99 点赞

我是靠谱客的博主优美日记本，这篇文章主要介绍css下划线怎么写，现在分享给大家，希望可以做个参考。

本教程操作环境：windows7系统、CSS3&&HTML5版、Dell G3电脑。

一般有两种方法：

一、通过CSS下划线代码：text-decoration:underline来设置文字下划线。

实例演示如下：

1、实例代码如下：

B6P06GP9$2]DH]UZU0)JE2H.jpg

此时页面效果如下，出现了下划线。

%G57`[1`YLU](Z@TAAPDTZP.jpg

二、通过设置div的border实现效果：

实例演示如下：

增加border-bottom: 1px solid black、padding-bottom: 10px两个关键样式，如下：

85(YAEFHPKZ%ORS1A(I7MXH.jpg

此时页面效果如下：

$~XLACEOO3]34{1PR2N(H_OP.jpg$

推荐学习：css视频教程

以上就是css下划线怎么写的详细内容，更多请关注靠谱客其它相关文章！

以上就是优美日记本最近收集整理的关于css下划线怎么写的全部内容，更多相关css下划线怎么写内容请搜索靠谱客的其他文章。

本图文内容来源于网友提供，作为学习参考使用，或来自网络收集整理，版权属于原作者所有。