css之border属性实现兼容性圆角
代码展示：
<!doctype html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>梯形实现圆角(兼容IE7、8)</title>
<style type="text/css">
.trapezoid_top{
width: 204px;
border: 3px solid;
border-color: transparent transparent #0a5c8e transparent;
}
.trapezoid_content{
width: 210px;height: 40px;
background-color: #0a5c8e;
font-size: 20px;
line-height: 40px;
text-align: center;
color: #fff;
}
.trapezoid_bottom{
width: 204px;
border: 3px solid;
border-color: #0a5c8e transparent transparent transparent;
}
</style>
</head>
<body>
<div>
<div class="trapezoid_top">
</div>
<div class="trapezoid_content">
提 交
</div>
<div class="trapezoid_bottom">
</div>
</div>
</body>
</html>點(diǎn)擊查看更多內(nèi)容
2人點(diǎn)贊
評(píng)論
評(píng)論
共同學(xué)習(xí)，寫下你的評(píng)論
評(píng)論加載中...
作者其他優(yōu)質(zhì)文章
正在加載中
感謝您的支持，我會(huì)繼續(xù)努力的～
掃碼打賞，你說多少就多少
贊賞金額會(huì)直接到老師賬戶
支付方式
打開微信掃一掃，即可進(jìn)行掃碼打賞哦