border-bottom 自定义长度

这里写自定义目录标题

遇到设置border-bottom 的时候需要实现单独的长度,不想跟着div的width来,又不想单独设置一个div来写border-bottom(当然我觉得单独写div也可以,用伪类就当学习一下),可以使用伪类,

.tol{
border-bottom: 0.01rem solid rgba(239,239,239,1);
width:100%
}

在class上边添加伪类
.tol::after {
content: ‘’;
width:95%;
height: 10px;
display: block;
margin: 0 auto;
border-bottom: 1px solid rgba(239,239,239,1);
}

border-bottom 自定义长度相关推荐

微信小程序动态评分展示/五角星展示/半颗星展示/自定义长度展示
一.前言项目中遇到的评分相关的需求其实还挺多.之前也写过网页中关于评分功能实现的文档.这次,是基于微信小程序开发而提炼出一个简单方便使用的方法,网页开发中同样可用.这次使用的还是字体,主要是字体这个 ...
微信小程序随机数(自定义长度和类型)
微信小程序随机数(自定义长度和类型) random.js // random.jsconst charts = ['0', '1', '2', '3', '4', '5', '6', '7', '8' ...
oracle自定义长度异常,Oracle 自定义wmsys.wm_concat 避免长度限制
Oracle自定义wmsys.wm_concat避免长度限制网上搜索到这段类似代码但是长度过程还是不行,经过我的修改,亲测可以. CREATEORREPLACETYPEZH_CONCAT_IM AUT ...
Revi插件技巧:管道【风口下延】自定义长度？
Revit中有没有一种功能可以使风口延长?这是一位建模助手的用户提出并被采纳的需求,众人也觉得这个功能还挺可行,也不难,于是"有求必应"就推出了[风口下延]功能.可以自定义延长的距 ...
css 自定义长度间距虚线
浏览器提供的dashed border画出来一直是一个样式,不能个性化定制虚线的长度以及间距,所以用这个方法画出可个性化定制的虚线. background-image中,linear-gradient ...
css自定义长度不一的虚线
在前端开发中,ui可能对虚线有要求,但dashed提供的虚线样式太单一了,我想实现长度不一虚线的该怎么弄.看了一圈百度上的文章,最后简单了实现了一下. css代码如下 div{height: 1px; ...
css伪类元素添加选中下划线自定义长度
.actived::after { content: ''; position: absolute; width: rem(49); // 边框的宽度 height: rem(6); border-r ...
PHP 数字转化为自定义长度的字符串［前插后入］
http://cn2.php.net/manual/zh/function.str-pad.php 转载于:https://www.cnblogs.com/cymbidium/p/5132628.ht ...
html边框显示长短调整,CSS之border边框长度控制
需要边框长度比容器小一些时,用div嵌套,但伪类在实现这个效果时很方便,只需要一个div就够了,另外调整padding和margin都不会很麻烦. border top border left bor ...

border-bottom 自定义长度

这里写自定义目录标题

border-bottom 自定义长度相关推荐

最新文章

热门文章