border-bottom: width style color; width:边框的宽度,可以是具体的长度值(如 1px、2em 等)或关键字(如 thin、medium、thick)。 style:边框的样式,如 solid(实线)、dashed(虚线)、dotted(点线)等。 color:边框的颜色,可以是颜色名称、十六进制值、RGB/RGBA 值等。2...
border-buttom默认是实际宽度的100%,在开发中有很多时候设计图并不是需要长度100%,通过伪类手动修改 //使用伪类添加边框 .custom-tabs-line.tabs-line-bottom .active a::after { content: ''; width: 100%; height: 1px; display: block; margin: 0 auto; border-bottom: 1px solid rgba(0, 0, 0, 0....
不是。他是把“我的书”“当前共有7本书”单个放在div里,设置他们的border-bottom的时候不能和外部的蓝线一样长,所以他想实现图里那种效果。所以就是建议把“我的书”“当前共有7本书”外边再套一个div,也就是我的书当前共有7本书,就是这个意思。。。我的理解应该没错。。。 回复2016-08-18 aaa894O...
我也是看到 @冯恒智 的回答,补充一下实现吧 </block> style 可以这样写 .block::after { content: ''; width: 96%; height: 1px; display: block; margin: 0 auto; border-bottom: 1px solid rgba(151, 151, 151, 0.1); }有用1 回复 查看全部 2 个回答 推荐问题 怎么把一个矩形div变成一个直角...
div>样式:.taps div{width:150px;line-height:78px;height:78px;text-align:center;font-size:30px;position:relative;}.taps div.on{color:#F13C1B;font-weight:bold;}.taps div.on:after{content:'';position:absolute;bottom:-2px;top:auto;left:40px;height:4px;width:60px;background-color:#F1...
微信小程序border-bottom 的长度解决方法 效果如下图: .nav-item.active{ position: relative; } .nav-item.active:after { content: " "; width: 0.8rem; height: 0.12rem; background: #fff; position: absolute; /* bottom: -0.1rem; */
给设置有border-bottom增加display:inline-block样式 display:inline-block它会根据内容的长度来决定border-bottom 的长度 注意: border-bottom:像素 线条 颜色(其他三个也是一样) 像素:未设置默认为是2-3像素 线条:双线边框–double 颜色:未设置默认黑色(只有两种颜色黑色跟白色)...
51CTO博客已为您找到关于borderbottom长度可以控制吗的相关内容,包含IT学习相关文档代码介绍、相关教程视频课程,以及borderbottom长度可以控制吗问答内容。更多borderbottom长度可以控制吗相关解答可以来51CTO博客参与分享和学习,帮助广大IT技术人实现成长和进步。
绘制图形,注意其中的平行、对称、同心、共线等几何关系。 其中蓝色短线的长度相等,绿色圆弧半径相等。 参数: A=33, B=108, C=40, D=7, E=18 F=31, G=68, H=95, T=10 问题:图中上色部分(共两块)的面积是多少? A、2421.93 B、2421.94 C、2421.95 D、2421.96 ...
利用伪类画有长度的border-bottom .text_selected::after { position: absolute; content:''; width:20%; border-bottom: 6rpx solid #007C7F; left:0; right:0; bottom: 10rpx; margin:0auto; }