http://www.xixitoday.com/2017/01/25/border/ 笔记
http://www.xixitoday.com/css-study/border/border.html 各border的效果
http://www.xixitoday.com/css-study/border/border.html 各border的效果
2017-01-25
<body>
<div class="border bottom"></div>
<div class="box"></div>
<div class="border top"></div>
</body>
<div class="border bottom"></div>
<div class="box"></div>
<div class="border top"></div>
</body>
2017-01-16
<style>
/*使用梯形叠加实现伪圆角效果*/
.box{
width: 600px; height: 200px;
background-color: #c00;
}
.border{
width: 590px;
border:5px solid;
border-color: transparent;
}
.bottom{
border-bottom-color: #c00;
}
.top{
border-top-color: #c00;
}
</style>
/*使用梯形叠加实现伪圆角效果*/
.box{
width: 600px; height: 200px;
background-color: #c00;
}
.border{
width: 590px;
border:5px solid;
border-color: transparent;
}
.bottom{
border-bottom-color: #c00;
}
.top{
border-top-color: #c00;
}
</style>
2017-01-16