如何用CSS画圆形 以及兼容各浏览器

如何用CSS画圆 以及兼容各浏览器

CSS代码

只需要将你的网页元素的每个边的border-radius甚至成50%，你就能得到任意大小的圆：

.ys720 {
border-radius: 50%;
width: 200px;
height: 200px; 
/* 宽度和高度需要相等 */
}

下面是用于兼容其他浏览的

border-radius: 5px; /* 所有角都使用半径为5px的圆角，此属性为CSS3标准属性 */ 
-moz-border-radius: 5px; /* Mozilla浏览器的私有属性 */ 
-webkit-border-radius: 5px; /* Webkit浏览器的私有属性 */ 
border-radius: 5px 4px 3px 2px; /* 四个半径值分别是左上角、右上角、右下角和左下角 */