<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<!--设置网页描述信息-->
<meta name="description" content="圆的制作" />
<title>圆</title>
<!--圆-->
<style>/*素的样式 设计图纸*/
*{/*通配符选择器 选择页面所有标签*/
margin: 0;/*清除默认外边距*/
}
#monster{/*id选择器（样式）*/
/*属性名称*/
width: 200px;/*宽度*/
height: 200px;/*高度*/
background: blue;/*背景颜色*/
margin-left: 80px;/*距离顶部*/
margin-top: 80px;/*距离左边*/
/*圆角属性：左上 右上 右下 左下*/
border-radius:50% ;
}
</style>
</head>
<body>
<div id="monster">
</div>
</body>
</html>
原文：http://www.cnblogs.com/tang1208382276/p/7783490.html