操作方法
CSS3圆角处理的方式: <div id="yuanjiao"></div> #yuanjiao{ padding:10px; width:300px; height:100px; border: 3px solid #dedede; -moz-border-radius: 25px; /* 火狐浏览器 */ -webkit-border-radius: 25px; /* 谷歌和Safari浏览器 */ border-radius:25px; /* W3C 语法支持的浏览器 */ } border-radius:5px 15px 20px 25px; 四个参数的方位:上、右、下、左 也可以分开写 border-top-left-radius: 20px; border-top-right-radius: 20px; border-bottom-right-radius: 20px; border-bottom-left-radius: 20px;
书写次序需要注意,要按照一下次序书写 /* 火狐浏览器 */ -moz-border-radius: 25px; /* 谷歌和Safari浏览器 */ -webkit-border-radius: 25px; /* W3C 语法支持的浏览器 */ border-radius:25px;