对字体文字加下划线样式，有两种方法，一直直接使用html下划线标签，另外一种是使用CSS下划线样式。下面我们来看一下使用css添加下划线的方法。

css可以使用text-decoration属性添加下划线。使用text-decoration:underline;样式即可为文本添加下划线。

示例：

h1 {text-decoration:overline;}

h2 {text-decoration:line-through;}

h3 {text-decoration:underline;}

This is heading 1

This is heading 2

This is heading 3

效果如下：

text-decoration 属性说明：

text-decoration 属性规定添加到文本的修饰。

注释：修饰的颜色由 "color" 属性设置。

这个属性允许对文本设置某种效果，如加下划线。如果后代元素没有自己的装饰，祖先元素上设置的装饰会“延伸”到后代元素中。不要求用户代理支持 blink。

属性值：none 默认。定义标准的文本。

underline 定义文本下的一条线。

overline 定义文本上的一条线。

line-through 定义穿过文本下的一条线。

blink 定义闪烁的文本。

inherit 规定应该从父元素继承 text-decoration 属性的值。

div html 下边加横线_css怎么添加下划线？相关推荐

div html 下边加横线_CSS如何给文字添加下划线样式？
在CSS中可以使用text-decoration属性或border-bottom属性来给文字添加下划线样式.下面本篇文章就来给大家介绍一下,希望对大家有所帮助. 方法1:使用text-decorati ...
div html 下边加横线_css字体下边横线 html超链接更改颜色和去掉下划线
怎样用CSS样式在文字下面加下划线一般有两种方法: 一.通过CSS下划线代码:text-decoration:underline来设置文字下划线. 实例演示如下: 实例代码如下: 此时页面效果如下: ...
div html 下边加横线,如何在HTML文本下添加一个虚线下划线
How do you underline html text so that the line beneath the text is dotted rather than the standard ...
div html 下边加横线_HTML如何在两个div中画一条横线 | 学步园
近日在画一个界面的时候,遇到一个需求:在界面当中画一条竖线,且这条竖线在高度上需要自动占满整个父div(即这条竖线的高度和两个div中较高的一个等高). 往常我们画一条横线直接用标签< hr&g ...
div html 下边加横线_HTML的组成部分、DIV+CSS布局
HTML的组成部分 dtd部分:文档类型说明,声明版本.标准 header部分:给机器看的 body部分:给人看的 CSS控制div显示是一个块级元素.这意味着它的内容自动地开始一个新行.实际上,换 ...
ios 按钮下面加下划线_IOS UIlabel 、UIButton添加下划线
1.给UILabel 添加下划线 UILabel *label = [[UILabel alloc] initWithFrame:CGRectMake(0, 100, 300, 100)]; labe ...
ios 按钮下面加下划线_如何在iOS按钮上的文字添加下划线
在开发ios的时候很多用户们都会想如何在iOS按钮上的文字添加下划线,那么接下来的内容中我们就一起去看看在iOS按钮上的文字添加下划线的方法. 问题:实现下图中右侧的按钮文字效果方法: [MyToo ...
ios 按钮下面加下划线_iOS开发UILabel和UIButton添加下划线
关于UILabel和UIButton有的时候需要添加下划线,一般有两种方式通过默认的NSMutableAttributedString设置,第二种就是在drawRect中画一条下划线,本文就简单的选择 ...
WebView实现改变选中区域颜色以及添加下划线
一.Web端实现最近遇到了一个问题,老大要求实现对WebView加载的html页面实现选中修改背景色以及添加下划线并可以删除,最后可以保存这些修改,下次进入该html界面时仍然能够显示之前添加的背景 ...

div html 下边加横线_css怎么添加下划线？

This is heading 1

This is heading 2

This is heading 3

div html 下边加横线_css怎么添加下划线？相关推荐

最新文章

热门文章