<style type="text/css">
.box {
background-color: #093;
height: 80px;
width: 180px;
margin-right: auto;
margin-left: auto;
border-radius: 6px;
border: 2px solid #F00;
color: #FFF;
font-size: 14px;
font-weight: bold;
padding: 10px;
}
<body>
<div class="box">
通过调节border-radius:6px;，中6px的大小来改变四角的圆度。
</div>
</body>
.box {
background-color: #093;
height: 80px;
width: 180px;
margin-right: auto;
margin-left: auto;
border-radius: 6px;
border: 2px solid #F00;
color: #FFF;
font-size: 14px;
font-weight: bold;
padding: 10px;
}
<body>
<div class="box">
通过调节border-radius:6px;，中6px的大小来改变四角的圆度。
</div>
</body>
