css下划线怎么写

154 阅读 0 评论 102 点赞

我是靠谱客的博主优美日记本，最近开发中收集的这篇文章主要介绍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下划线怎么写所遇到的程序开发问题。

如果觉得靠谱客网站的内容还不错，欢迎将靠谱客网站推荐给程序员好友。

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