html中加长下滑线,css怎么设置下划线的长度？

层叠样式表(英文全称：Cascading Style Sheets)是一种用来表现HTML(标准通用标记语言的一个应用)或XML(标准通用标记语言的一个子集)等文件样式的计算机语言。

自定义下划线。使用:after，首先添加一个空的内容，为了让它排列到标题的下面，需要将其变成块级元素，用border-bottom设置下划线，可设置其颜色、粗细。

下划线的长度通过设置空内容的width属性来实现，还可以通过margin-top调整下划线与文字的距离。

.text{

font-family:Times New Roman;

font-size:24px;

}

.text:first-letter{

font-size:48px;

}

.text:after {

content:'';

display:block;

width:200px;

margin-top:-5px;

border-bottom:2px solid grey;

}

About

Technology

效果如下：

:after 伪元素在元素之后添加内容。

这个伪元素允许创作人员在元素内容的最后面插入生成内容。默认地，这个伪元素是行内元素，不过可以使用属性 display 改变这一点。

html中加长下滑线,css怎么设置下划线的长度？相关推荐

html中怎么修改黑体,css怎样设置黑体？
css怎样设置黑体?下面本篇文章给大家介绍一下css中设置字体为黑体的方式,同样适用于设置其他字体,有着一定的参考价值,现在将它分享给各位,希望对大家有帮助. css怎样设置黑体样式? css设置字体 ...
css 下边框 90%,css怎么设置下边框
css设置下边框的方法:首先新建一个html文件:然后使用div标签创建一个模块:接着给div标签添加一个id属性:最后使用border-bottom属性设置div的下边框即可. 本文操作环境:win ...
html中图片透明度渐变效果,css怎么设置透明度渐变？
css怎么设置透明度渐变?下面本篇文章给大家介绍一下使用CSS设置透明度渐变效果的方法.有一定的参考价值,有需要的朋友可以参考一下,希望对大家有所帮助. css怎么设置透明度渐变? 在CSS中可以使用 ...
html 文字横线自动长度,css怎么设置下划线的长度？
层叠样式表(英文全称:Cascading Style Sheets)是一种用来表现HTML(标准通用标记语言的一个应用)或XML(标准通用标记语言的一个子集)等文件样式的计算机语言. 自定义下划线.使 ...
html显示下滑线,html超链接添加下划线
UILabel *linkLabel = [[UILabel alloc]init]; linkLabel.frame = CG... 方法一: 在和加 ...
html u蓝色下滑线,htmlu标签添加下划线的案例分析
html标签添加下划线的案例分析发布时间:2020-09-22 11:00:25 来源:亿速云阅读:87 作者:小新 html标签添加下划线的案例分析?这个问题可能是我们日常学习或工作经常见到的. ...
html表格的多个下拉菜单,表格设置下拉多个选项
搞定Office每周三更新「搞定Office」是黑马公社全新的七大版块之一,每周三更新,教授Office等办公软件的各种应用技巧. ◆◆◆ Excel表格如何实现二级下拉菜单的联动黑马说:有时候我 ...
html块中的内容垂直居中,css如何设置行内元素与块级元素的内容垂直居中
首先我们先了解一下行内元素和块级元素行内元素(内联元素):没有自己的独立空间,它是依附于其他块级元素存在的,空间大小依附于内容多少.行内元素没有度.宽度.内外边距等属性. 块级元素:占据独立的空间, ...
html中透明度100是,CSS 透明度设置方法及常见问题解析
你对 CSS 中的半透明颜色可能已经有了基础的了解,CSS透明算得上是一种相当流行的技术,但在跨浏览器支持上,对于开发者来说,可以说是一件令人头疼的事情.目前还没有一个通用方法,以确保透明度设置可以在 ...

html中加长下滑线,css怎么设置下划线的长度？

html中加长下滑线,css怎么设置下划线的长度？相关推荐

最新文章

热门文章