css虚线边框怎么设置长度,css边框宽度属性

　　前言：

　　如图：当我们需要实现一个长度小于容器的边框时，过去大多使用div嵌套。现在你只需要用伪类就可以达到这个效果，而且用起来非常方便。

　　这个是微信小程序写的，所以标签会是view，和html不冲突。

　　html：

　　 view class= swiper-tab view class= swiper-tab-item { { current tab== 1 ？active : } } data-current= 1 bind tap= click tab 头盔监控/view view class= wiper-tab-item { { current tab== 2 ？active : } } data-current= 2 bind tap= click tab 危险区域监控/查看/查看css：。swiper-tab {宽度：100%；字体系列：pingfang sc-Medium；字体大小：28rpxborder-bottom:2rpx solid # f1f1f 1；文本对齐：居中；身高：88rpx行高：88rpx显示器：flexflex-flow:row；justify-content:space-between；背景：#ffffff}。swiper-tab-item { width:50%；颜色：#252627}。活动{ color:# 4876 F9；字体粗细：粗体；位置：相对；}以上是页面的基本样式。如果想控制边框的长度，需要使用：伪类css：后。活动：在{内容：“”之后；位置：绝对；底部：0；高度：6rpx宽度：100rpx背景色：# 4876F9左：50%；transform:translate x(-50%)；}最后两句是关于控制边界中心的。

　　关于CSS使用伪类控制边框长度的这篇文章到此为止。有关CSS边框长度的更多信息，请搜索以前的文章或继续浏览下面的相关文章。希望你以后能支持我！

郑重声明：本文由网友发布，不代表盛行IT的观点，版权归原作者所有，仅为传播更多信息之目的，如有侵权请联系，我们将第一时间修改或删除，多谢。