CSS3圆角
- 概念：border-radius:为元素添加圆角边框；
- 语法：border-radius:数值或者百分比；
- 兼容性：ie9+、firefox4+、chrome、safari5+、opera；
- 说明
四个值：第一个值代表左上角，第二个值代表右上角，第三个值代表右下角，第四个值代表左下角；
三个值：第一个值代表左上角， 第二个值代表右上角和左下角 ， 第三个值代表右下角；
两个值：第一个值代表左上角和右下角 ， 第二个值代表右上角和左下角；
一个值：四个圆角相同。 - border-radius是复合属性，也可以单独设置每个角
border-top-left-radius-- 左上角
border-top-right-radius-- 右上角
border-bottom-right-radius-- 右下角
border-bottm-left-radius-- 左下角
示例：
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>radius</title>
<style type="text/css">
div{
/*为了满足各个浏览器的兼容性，加上技术前缀*/
-webkit-border-radius:50%;/*chrome*/
-moz-border-radius:50%;/*firefox*/
-ms-border-radius:50%;
最低0.47元/天 解锁文章
878
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
