使用boder-radius制作圆形
使用boder-radius制作圆形
!DOCTYPE html>
<body>
<div class="circle">1</div>
</body>
.circle{
width: 200px;
height: 200px;
background-color: #f00;
border-radius: 50%;
margin: 0 auto;
text-align: center;
line-height:200px ;
font-size: 48px;
border-top-left-radius: 0px;//注释 {呈现方形圆角}
/border-top-right-radius: 48px;/
border-bottom-right-radius: 0px;//注释 {呈现方形圆角}
}

浙公网安备 33010602011771号