<!DOCTYPE html>
<html>
<head>
<style>
div
{
text-align:center;
border:2px solid #a1a1a1;<!-- 边框样式-->
padding:10px 40px;
background:#dddddd;
width:350px;
border-radius:25px; <!--调节圆周程度-->
-moz-border-radius:25px; /* 老的 Firefox */
}
</style>
</head>
<body>
<div>border-radius 圆角属性就是这么简单</div>
</body>
</html>
执行结果: