-
刚毅87
圆角矩形<!doctype html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<title>Document</title>
<style type="text/css">
#div1{
width: 300px;
height: 200px;
background: red;
border-radius: 20px;
}
</style>
</head>
<body>
<div id="div1"></div>
</body>
</html>望采纳!
-
blovetu
border-radius:圆角值; 值越大圆角越大，如果盒子是正方形，border-radius:50%那么就是一个正圆
-
5E
值得注意的是 border-radius 这个属性与 IE 的兼容问题
-
霸气的擎宇
图形是边框决定，CSS属性是 border-radius 她是值可以是像素也可以是%等，代表的是半径尺寸，有四个角，你可以同样设置也可以单独设置，规则是 border-top/bottom-left/right-radius: 直接试验想象。进阶提示，配合背景色以及边框样式，可以做出更多图形。
-
荼酒
给个宽度，给个高度，给个背景色，给圆角边框，style{
width:8px;
height:8px;
background-color:red;
border-radius:50%;
}