<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>CSS圆角边框</title>
</head>
<style>
/*padding是内边距*/
section {padding:10px}
div {
display:inline-block;
padding:15px 25px;
text-align:center;
font-size:16px;
/*边框颜色*/
border:2px solid #000;
/*文本颜色*/
color:#000;
/*背景颜色*/
background-color:#eee;
border-radius:12px
}
</style>
<body>
<section>
<div>圆角边框</div>
</section>
</body>
</html>
输出结果