css 四个角
<style>
.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;
}
</style>
<div class="outter">
<div class="content">
</div>
</div>
相关推荐
yaodilu 2020-08-03
lanzhusiyu 2020-07-18
lcqin 2020-08-11
小仙儿 2020-06-25
CaiKanXP 2020-06-09
songfens 2020-06-08
CSSEIKOCS 2020-05-19
aSuncat 2020-05-10
Phoebe的学习天地 2020-05-09
nicepainkiller 2020-05-05
amwayy 2020-05-01
AlisaClass 2020-04-14
coulder 2020-04-08
wangjie 2020-02-26
xiaohuli 2020-02-23
福叔 2020-02-16
葉無聞 2020-02-03