Border-radius属性可以实现给页面元素添加圆角边框,常用于按钮等元素的美化。其具体取值包括: - 一个值:此时所有圆角都使用此值; - 两个值:第一个值表示左上角和右下角的圆角,第二个值表示右上角和左下角的圆角; - 三个值:第一个值表示左上角的圆角,第二个值表示右上角和左下角的圆角,第三个值表示右...
3. border-radius也可以接受四个值,分别指定每个角的圆角大小,比如border-radius: 10px 20px 30px 40px; 分别对应左上、右上、右下、左下四个角的圆角大小; 4. 通过设置这些属性,可以让元素的边角更加圆润,视觉效果更好。 总之,HTML中的border用法非常广泛,可以通过边框的样式、颜色、宽度、圆角等属性来实现...
border-radius(圆角)还有其他一些用法,Firefox、webkit内核的Safari和Chrome和opera(css3)其他写法有些略微的差异
CSS 参考手册:border-bottom-left-radius 属性 Style 对象 ]
Border-radius的定义、用法请点击此处了解。代码: 如图: Ps:这里要着重提示下:before是一个伪类选择器,仅支持firefox、opera、chrome。 大家可能对下面俩步不太了解,这个没关系,我会针对它们另外写一篇详细的文章。在这个实例当中,大家只要知道我们用到过":before"":after"这个俩个伪类选择器即可。