欢迎来到元素模板www.ys720.com,本站提供专业的织梦模板网站模板ASPCMS模板网站修改/网站仿站
当前位置:主页 > 程序教程 > 其他教程 >
其他教程

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

(元素模板) / 2016-01-18 14:02

如何用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; /* 四个半径值分别是左上角、右上角、右下角和左下角 */ 

 

 

Copyright @ 2013-2019 元素模板 www.ys720.com All Rights Reserved. 版权所有 元素模板 www.ys720.com