div圆角属性

<!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>

 执行结果:


版权声明:本文为weixin_42630877原创文章,遵循CC 4.0 BY-SA版权协议,转载请附上原文出处链接和本声明。