borderradius属性,css border radius属性
border-radius是css3新增属性吗
border-radius 边框圆角属性，为css3新增属性，同期新增的属性还有
box-shadow 阴影属性等
border-radius 可以接收哪些值呢?
border-radius 给元素添加圆角的边框 , 是一个最多可指定四个 border -*- radius 属性的复合属性
border-radius: 1-4 length | % / 1-4 length | %; , 最多可接收8个值.
border-radius: 2px; 或 border-radius: 5%; 四个角 是统一的圆角.
或
第一个值: 左上角 和 右下角 . 第二值: 右上角 和 左下角.
或
第一个值: 左上角 . 第二个值: 右上角 和 左下角 . 第三个值: 右下角
或
第一个值: 左上角 . 第二个值: 右上角 . 第三个值: 右下角 . 第四个值: 左下角.
等价于
html边框圆角化代码
html边框圆角化可以用css中的“border-radius”属性来实现。
1、新建html文档，在body标签中添加一个div标签，然后为这个div标签设置边框，这时默认情况下边框是直角：
2、为div标签设置“border-radius”属性，属性值为圆角半径大小，这时边框的四个顶角都会变成圆角：
3、为div标签设置“border-radius”属性，属性值分别对应边框的左上角、右上角、右下角和左下角，这时可以对每个顶角自定义设置圆角半径：
css3新增的属性有哪些
css3新属性：
一、RGBA和透明度
RGBA是RGB色彩模型的一个扩展。在本质上看也是为设置的元素增加了一个 alpha 通道，即除了红绿蓝三种颜色外还增加一个代表透明度的通道，其中 RGB 值分别表示红色、绿色、蓝色，而 alpha 取值则为 0 到 1 （小数位一位）。
二、background属性
background-image：设置元素的背景图像。
background-origin：规定背景图片的定位区域。
background-size ：规定背景图片的尺寸。
background-repeat：设置是否及如何重复背景图像。
三、word-wrap属性
word-wrap 属性允许长单词或 URL 地址换行到下一行。
注：所有主流浏览器都支持 word-wrap 属性。
基础语法：
word-wrap: normal|break-word;
四、text-shadow属性
text-shadow 属性：向文本设置阴影。
text-shadow基础语法：
text-shadow： 5px 5px 5px #FF0000;
参数分别表示：水平阴影，垂直阴影，模糊距离，阴影颜色；
五、font-face属性
font-face属性：定义自己的字体
在新的 @font-face 规则中，您必须首先定义字体的名称（比如 myFirstFont），然后指向该字体文件。
六、border-radius属性
border-radius 属性：是一个简写属性，用于设置四个 border-*-radius 属性。
基础语法：
border-radius: 1-4 length|% / 1-4 length|%;
注：该属性允许您为元素添加圆角边框！
七、border-image属性
border-image：将图片规定为包围 div 元素的边框
border-image基础语法：
border-image: url(border.png) 30 30 round
八、box-shadow属性
box-shadow属性：向框添加一个或多个阴影。（盒阴影）
box-shadow基础语法：
box-shadow: 10px 10px 5px #888888
九、媒体查询
媒体查询定义两套css，当浏览器的尺寸变化时会采用不同的属性。
border-radius属性是什么？
border-radius圆角边框是CSS3的新属性，以前网页设计开发中要实现元素的圆角边框，通常是用背景图片来实现的。
它是CSS3的新属性，兼容IE9+，Firefox 4+、Chrome、Safari 5+ 以及 Opera浏览器，对于一些较低版本的浏览器，我们可以添加相应的浏览器前缀来兼容。
border-radius可以同时设置1到4个值，（类似于margin与padding的值得设定）。如果设置四个值，则依次对应左上角、右上角、右下角、左下角（顺时针顺序）。
如果设置两个值，表示左上角和右下角使用第一个值，右上角和左下角使用第二个值。如果设置三个值，表示左上角使用第一个值，右上角和左下角使用第二个值，右下角使用第三个值。
border-radius属性用来为盒子模型定义什么外观属性？
border-radius可以给盒子模型增加弧度，可以让模型变成圆形或是椭圆形亦或者是多边形。根据赋予的值实现模型形状的变换。