-webkit-border-radius:苹果;谷歌,等一些浏览器认,因为他们都用的是webkit内核;
-moz-border-radius:moz这个属性 主要是专门支持Mozilla Firefox 火狐浏览器的CSS属性。
在这两个属性有值的时候,去掉哪个属性,对绝正用他们做内核的浏览器就有影响,如果没值的话,就没影响,这两个属性和,IE,和360没关系。不删除的话影响微乎其微。
这两个都是处理圆角效果的,但不是w3标准的。
w3标准的是border-radius。
-webkit-border-radius 是为了兼容 chrome 或 safari。
-moz-border-radius 是为了兼容火狐。
而现在火狐支持标准的border-radius,所以-moz-border-radius 是个无用的属性。
所有HTML元素可以看作盒子,在CSS中森皮,"box model"这一术语是用来设计和布局时使用。
CSS盒模型本质上是一个盒子,封装周围的HTML元租春告素,它包括: 边距 , 边框 , 填充 ,和 实际内容 。盒模型允许我们在其它元素和周围元素边框之间的空间放置元素。
我们可以同过调整元素的内外边距、边框来实现元素的位置调整
border-radius顾名思义即边框半径,我们常常利用这个属性来进行元素边框半径的调整,比如说制作圆形的图像。
说了这么多,那么什么是边框半径呢?
一个块元素有四个角,边框半径就相当于在每个角上面嵌套了四个小圆形
举一反三,我们弊明就可以用border-radius来实现半圆和圆形了
PS:我们也可以使用百分比来作为border-radius的值,比如圆形的话直接border-radius:50%就可以实现了~~
border-radius:5px;
意思是:5px的圆角
border-radius: 5px;
代表设置一个半径为5px的圆角猛搭,5px可更换成理想的半径长度,一般使用在按钮边框败知郑察颂或者DIV边框的圆角,使网页更灵动.
以上就是土嘎嘎小编大虾米为大家整理的cssborder-radius_border-radius是什么意思相关主题介绍,如果您觉得小编更新的文章对您有所帮助,不要忘记讲本站分享给您身边的朋友哦!!