css 四个角
标签:top before osi content nbsp ott ati pad add
.outter {
position: relative;
padding: 5px;
height: 50px;
width: 300px;
}
.outter::before {
position: absolute;
content: ‘‘;
height: 10px;
width: 10px;
right: 0;
top: 0;
border-right: 1px solid #00E8FF;
border-top: 1px solid #00E8FF;
}
.outter::after {
position: absolute;
content: ‘‘;
height: 10px;
width: 10px;
left: 0;
bottom: 0;
border-left: 1px solid #00E8FF;
border-bottom: 1px solid #00E8FF;
}
.content {
position: relative;
height: 50px;
}
.content::before {
position: absolute;
content: ‘‘;
height: 10px;
width: 10px;
left: -5px;
top: -5px;
border-left: 1px solid #00E8FF;
border-top: 1px solid #00E8FF;
}
.content::after {
position: absolute;
content: ‘‘;
height: 10px;
width: 10px;
right: -5px;
bottom: 5px;
border-right: 1px solid #00E8FF;
border-bottom: 1px solid #00E8FF;
}
css 四个角
标签:top before osi content nbsp ott ati pad add
原文地址:https://www.cnblogs.com/zjpzjp/p/13093643.html
文章来自:
搜素材网的
编程语言模块,转载请注明文章出处。
文章标题:
css 四个角
文章链接:http://soscw.com/essay/52114.html
评论