<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>Document</title>
<style>
body{background: #081f46;}
.m-chart4-num{position: relative; width: 40px;height: 30px;text-align: center;line-height: 30px; font-family: FZLTTHK--GBK1, FZLTTHK--GBK1;font-weight: normal;font-size: 14px;color: #FFFFFF;background: rgba(255,255,255,0.3);overflow: hidden;}
.m-chart4-num-left{position: absolute;top: 0;left: -4px;width: 10px;height: 35px; background: #081f46;transform: rotate(-10deg);}
.m-chart4-num-right{position: absolute;top: 0;right: -4px;width: 10px;height: 35px; background: #081f46;transform: rotate(10deg);}
</style>
</head>
<body>
<div class="m-chart4-num">
<div class="m-chart4-num-left"></div>
01
<div class="m-chart4-num-right"></div>
</div> </body>
</html>
css等腰梯形
猜你喜欢
转载自blog.csdn.net/xutongbao/article/details/143158067
今日推荐
周排行