Border-radius属性--设置圆角边框

border-radius：该属性允许您为元素添加圆角边框！

div
{
    border:2px solid;
    border-radius:25px;    -moz-border-radius:25px; /* 老的 Firefox */
}

语法

border-radius: 1-4 length|% / 1-4 length|%;

注释：按此顺序设置每个 radii 的四个值。如果省略 bottom-left，则与 top-right 相同。如果省略 bottom-right，则与 top-left 相同。如果省略 top-right，则与 top-left 相同。

示例:

div{
    border-radius:30px;  // border-radius:30%;
}

border-radius:2em等价于：    border-top-left-radius:2em;     border-top-right-radius:2em;     border-bottom-right-radius:2em;     border-bottom-left-radius:2em;

不规则角：　　border-radius: 2em 1em 4em / 0.5em 3em;　　等价于：　　border-top-left-radius: 2em 0.5em;
　　border-top-right-radius: 1em 3em;
　　border-bottom-right-radius: 4em 0.5em;
　　border-bottom-left-radius: 1em 3em;

时间： 2024-10-06 06:02:49

Border-radius属性--设置圆角边框的相关文章

uibutton 设置圆角边框

[m_selectUserBtr.layer setMasksToBounds:YES]; [m_selectUserBtr.layer setCornerRadius:3]; //设置矩形四个圆角半径 [m_selectUserBtr.layer setBorderWidth:1.0]; //边框宽度 UIColor *ccc = [UIColor colorWithRed:1.00 green:1.00 blue:1.00 alpha:.35]; CGColorRef colorref =

UIButton 设置圆角边框颜色点击回调方法

UIButton *signBtn = [UIButton buttonWithType:UIButtonTypeCustom]; signBtn.frame = CGRectMake(0, 0, 80, 40); [signBtn.layer setMasksToBounds:YES]; [signBtn.layer setCornerRadius:10.0]; //设置矩形四个圆角半径 [signBtn.layer setBorderWidth:1.0]; //边框宽度 CGColorSpa

Android 圆角View设置圆角边框

圆角的Veiw XML <shape xmlns:android="http://schemas.android.com/apk/res/android"> <solid android:color="@color/gray_white" /> 背景颜色 <corners android:radius="5dp" /> 圆角大小 </shape> 随意定义某个角是圆角加边框 <shape

iOS开发--UIButton 设置圆角边框颜色点击回调方法

1 UIButton *signBtn = [UIButton buttonWithType:UIButtonTypeCustom]; 2 signBtn.frame = CGRectMake(0, 0, 80, 40); 3 [signBtn.layer setMasksToBounds:YES]; 4 [signBtn.layer setCornerRadius:10.0]; //设置矩形四个圆角半径 5 [signBtn.layer setBorderWidth:1.0]; //边框宽度

layer设置圆角,边框,阴影

1.绘制圆角cornerView.layer.cornerRadius = 20; //设置试图圆角的大小cornerView.layer.masksToBounds = YES //防止子元素溢出父试图将一个正方形设置成圆形,代码为:cornerView.layer.cornerRadius = cornerView.frame.size.height/2;cornerView.layer.masksToBounds = YES;2.绘制边框borderView.layer.borderWid

通过CSS给图像设置圆角边框

<html> <style> .smaller-image{ border-radius: 50%; width: 100px; } </style> <body> <img class="smaller-image" src="/images/cat.jpg"> </body> </html> 效果:

css中的border-collapse属性如何设置表格边框线？（代码示例）

css中的border-collapse属性如何设置表格边框线?本篇文章就给大家介绍css中的border-collapse属性是什么? border-collapse属性设置表格边框线的方法.有一定的参考价值,有需要的朋友可以参考一下,希望对你们有所帮助. 首先我们来了解一下css border-collapse属性是什么?它的作用. border-collapse 属性:设置表格的边框是否被合并为一个单一的边框,即:用于设置表格边框是合并显示还是分开显示. border-collapse 属

Swift开发教程--设置圆角Button和圆角边框TextView

设置圆角Button button.layer.borderColor = UIColor.whiteColor().CGColor; button.layer.borderWidth = 2; button.layer.cornerRadius = 16; 设置圆角边框TextView inputTextView.layer.borderColor = UIColor(red: 60/255, green: 40/255, blue: 129/255, alpha: 1).CGColor; i

CSS3下不一样的阴影、背景和圆角边框样式

CSS3下不一样的阴影.背景和圆角边框样式 CSS2.1 发布至今已有7年的历史.CSS3的出现就是增强CSS2.1的功能,减少图片的使用次数以及解决HTML页面上的特殊效果当前,CSS3技术最适合在移动Web开发中使用的特性包括: ●增强的选择器 ●阴影 ●强大的背景设置 ●圆角边框阴影: 现在的CSS3样式已经支持阴影样式效果.目前可使用的阴影的效果分为两种:文本内容的阴影效果和元素的阴影效果. box-shadow CSS3的box-shadow属性是让元素具有阴影的效果,其语法如下: