css下划线怎么写

本文摘自PHP中文网，作者醉折花枝作酒筹，侵删。

css下划线的写法有：1、通过text-decoration来设置，语法“text-decoration:underline”；2、通过border-bottom和padding来设置。

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

一般有两种方法：

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

实例演示如下：

1、实例代码如下：

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

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

实例演示如下：

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

此时页面效果如下：

推荐学习：css视频教程

以上就是css下划线怎么写的详细内容，更多文章请关注木庄网络博客！

相关阅读 >>

css border-bottom-left-radius属性怎么用

css如何设置li的样式

如何让css样式失效

css3实现条状百分比效果

css怎么设置字体颜色

css怎么设置居中

css link与import的区别是什么

css定位方式有哪几种

使用纯css画一个圆环（代码示例）

css如何为div添加阴影效果

更多相关阅读请进入《css》频道 >>

书籍

Vue.js 设计与实现 基于Vue.js 3 深入解析Vue.js 设计细节

￥83.86元   人民邮电出版社

本书对 Vue.js 3 技术细节的分析非常可靠，对于需要深入理解 Vue.js 3 的用户会有很大的帮助。——尤雨溪，Vue.js作者

转载请注明出处：木庄网络博客 » css下划线怎么写