div html 下边加横线_CSS如何给文字添加下划线样式？

在CSS中可以使用text-decoration属性或border-bottom属性来给文字添加下划线样式。下面本篇文章就来给大家介绍一下，希望对大家有所帮助。

方法1：使用text-decoration属性设置

CSS的text-decoration属性用于指定添加到文本的修饰，其underline属性值可以定义文本下的一条线。

语法：text-decoration:underline;

代码示例：

css 文字下划线样式

.demo span{

text-decoration:underline;

}

这是一段测试文字，HTML中文网！

效果图：

css text-decoration属性添加的下划线是最简单样式，而且没有办法设置什么比较特别的样式，比如把下划线设置成虚点状的。下面我们看看另一种添加下划线的方法，可以设置不同的下划线样式。

方法2：使用border-bottom属性

CSS的border-bottom属性可以设置元素下边框样式，这样就可以在文字下添加一条线。

语法：border-bottom: width style color;

参数：

●　width：规定下边框的宽度。

●　style：规定下边框的样式。

●　color：规定下边框的颜色。

代码示例：

css 文字下划

div html 下边加横线_CSS如何给文字添加下划线样式？相关推荐

div html 下边加横线_css怎么添加下划线？
对字体文字加下划线样式,有两种方法,一直直接使用html下划线标签,另外一种是使用CSS下划线样式.下面我们来看一下使用css添加下划线的方法. css可以使用text-decoration属性添加下 ...
div html 下边加横线_css字体下边横线 html超链接更改颜色和去掉下划线
怎样用CSS样式在文字下面加下划线一般有两种方法: 一.通过CSS下划线代码:text-decoration:underline来设置文字下划线. 实例演示如下: 实例代码如下: 此时页面效果如下: ...
div html 下边加横线_HTML如何在两个div中画一条横线 | 学步园
近日在画一个界面的时候,遇到一个需求:在界面当中画一条竖线,且这条竖线在高度上需要自动占满整个父div(即这条竖线的高度和两个div中较高的一个等高). 往常我们画一条横线直接用标签< hr&g ...
div html 下边加横线_HTML的组成部分、DIV+CSS布局
HTML的组成部分 dtd部分:文档类型说明,声明版本.标准 header部分:给机器看的 body部分:给人看的 CSS控制div显示是一个块级元素.这意味着它的内容自动地开始一个新行.实际上,换 ...
div html 下边加横线,如何在HTML文本下添加一个虚线下划线
How do you underline html text so that the line beneath the text is dotted rather than the standard ...
ios 按钮下面加下划线_如何在iOS按钮上的文字添加下划线
在开发ios的时候很多用户们都会想如何在iOS按钮上的文字添加下划线,那么接下来的内容中我们就一起去看看在iOS按钮上的文字添加下划线的方法. 问题:实现下图中右侧的按钮文字效果方法: [MyToo ...
给文字上加中划线_小小招式让你给文字添加上划线
在Word中为字符添加下划线是一件很容易的事情,但是要添加上划线就是不那么方便了.偏偏在某些时候我们还真就需要为指定的字符添加上划线,比如在数学文档中要输入平均数的数学符号,就是在指定变量上加一个短线 ...
ios 按钮下面加下划线_IOS UIlabel 、UIButton添加下划线
1.给UILabel 添加下划线 UILabel *label = [[UILabel alloc] initWithFrame:CGRectMake(0, 100, 300, 100)]; labe ...
EasyExcel 设置字体样式（字体、字体大小、字体颜色、字体加粗、字体斜体、字体下划线、字体上标下标、字体删除线）
1 Maven配置 <dependency><groupId>cn.hutool</groupId><artifa ...

div html 下边加横线_CSS如何给文字添加下划线样式？

div html 下边加横线_CSS如何给文字添加下划线样式？相关推荐

最新文章

热门文章