css实现边框的部分显示
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
<style>
div {
position: relative;
width: 300px;
height: 50px;
background-color: #bbb;
padding: 4px;
}
div:before {
content: "";
position: absolute;
left: 0;
top: -2px;
width: 50%;
height: 2px;
background-color: red;
}
</style>
<div>请看这个div的“上边框”是只有一半的</div>
文章作者: wenmu
文章链接: http://blog.wangpengpeng.site/2020/02/20/css%E5%AE%9E%E7%8E%B0%E8%BE%B9%E6%A1%86%E7%9A%84%E9%83%A8%E5%88%86%E6%98%BE%E7%A4%BA/
版权声明: 本博客所有文章除特别声明外,均采用 CC BY-NC-SA 4.0 许可协议。转载请注明来自 温木的博客
微信打赏