css3设置边框属性

css设置边框属性：设置边框圆角

<!DOCTYPE html>
<html>
<head lang="en">
    <meta charset="UTF-8">
    <title></title>
    <style>
        div.border1{
            border: 3px solid blue;/*边框大小 实心线 蓝色*/
            padding :10px 40px;/* 上下边距  左右边距*/
            background :red;
            height: 200px;
            width: 300px;
            line-height: 200px;
            text-align: center;
            border-radius: 100px 0px 100px 0px/100px 0px 100px 0px;/*左上 右上 右下 左下*/
            /*一个参数：四个角的半径相同*/
            border-radius:25px;
            /*4个参数 分别代表四个角弧度相同*/
            border-radius:25px 20px 15px 10px;
            /*2个参数：第一个 左上和右下  第二个 右上和左下*/
            border-radius:25px 10px;
            /*三个参数 左上  右上和左下  右下*/
            border-radius: 25px 15px 10px;
        }
    </style>
</head>
<body>

    <div class="border1" >
        通过css设置边框属性
    </div>

</body>
</html>

设置边框填充图片

设置边框阴影

时间： 2024-12-26 07:15:55

css3设置边框属性的相关文章

storyboard或者Xib给View设置边框属性(颜色，宽度，圆角)

纯代码设置Button或者其他View的边框属性例: UIView* view = [[UIView alloc]init]; view.layer.borderWidth = 2.0; view.layer.masksToBounds = YES; view.layer.cornerRadius = 5.0; view.layer.borderColor = [UIColorredColor].CGColor; 以下提供自定义控件的时候,使用Xib,或者用sb来进行布局,那么这时候怎么来使用

CSS3图片边框

#border_image_top { border: 10px solid transparent; padding: 15px; -webkit-border-image: url(/static/assets/tutorials/front/css/border.png) 30 round; -o-border-image: url(/static/assets/tutorials/front/css/border.png) 30 round; border-image: url(/sta

CSS .css边框属性（border）

<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>边框属性</title> <style> /*.box{ height: 100px; width: 100px; background-color: #3385ff; border-top:1px double #000; border-rig

Css3之基础-3 Css 尺寸单位、尺寸属性与边框属性

一.CSS 单位尺寸单位 - % : 百分比 - in : 英寸 - cm : 厘米 - mm : 毫米 - pt : 磅(1pt等于1/72英寸) - px : 像素(计算机屏幕上的一个点) - em : 1em等于当前的字体尺寸,2em等于当前字体尺寸的两倍颜色单位 - rgb(x,x,x) : RGB 值,如 rgb(255,0,0) - rgb(x%,x%,x%): RGB 百分比值,如 rgb(100%,0%,0%) - #rrggbb:十六进制数,如 #ff0000 - #

CSS3边框属性_圆角、CSS画基本图形（圆形、三角形、多边形、爱心、八卦等）

有一些需要用到CSS3的属性,所以在你打开这篇文章的时候,用的是firefox或者chrome,当然IE也能看一部分 1.正方形 div{ background:#F00; width:100px; height:100px; } 2.长方形 div{ background:#F00; width:200px; height:100px; } 3.圆形 div{ width: 100px; height: 100px; background: red; -moz-border-radius: 5

使用storyboard设置按钮边框属性（颜色，宽度，圆角）

通常使用Category时,只能添加方法,不可添加属性.但是在使用Storyboard时我们可能会使用到keyPath,这里设置的key都需要是所设置视图的属性值,并且类型有所限制. 例如:我现在有一个按钮,我想设置成圆角,并且是紫色边框.并且我不想写代码,想通过storyboard直接设置.这样看起来很帅(其实就是一个强迫症吧,因为一直在用sb设置整个界面,但是突然出现几个样式,在sb中不可以直接设置,这种感觉很烦躁的, 遇到的问题:这里key path 的type类型是固定的,这里我们不可以

为类目（类别）添加属性，使用storyboard设置边框颜色

通常使用Category时,只能添加方法,不可添加属性.但是在使用Storyboard时我们可能会使用到keyPath,这里设置的key都需要是所设置视图的属性值,并且类型有所限制. 例如:我现在有一个按钮,我想设置成圆角,并且是紫色边框.并且我不想写代码,想通过storyboard直接设置.这样看起来很帅(其实就是一个强迫症吧,因为一直在用sb设置整个界面,但是突然出现几个样式,在sb中不可以直接设置,这种感觉很烦躁的,所以要解决掉它). 遇到的问题:这里key path 的type类型是固定

CSS3 border-radius边框圆角

CSS3 border-radius边框圆角http://www.cnblogs.com/polk6/p/6050818.html 在CSS3中提供了对边框进行圆角设定的支持,可对边框1~4个角进行圆角样式设置. 目录 1. 介绍 2. value值的格式和类型 3. border-radius 1~4个参数说明 4. 在线示例 1. 介绍 1.1 圆角属性 CSS3提供了5种圆角属性: border-radius :同时设置4个边框的圆角样式. border-top-left-radius :

CSS笔记（十一）CSS3之边框

参考:http://www.w3school.com.cn/css3/css3_border.asp 圆角边框 <!DOCTYPE html> <html> <head> <style> div { text-align:center; border:2px solid #a1a1a1; padding:10px 40px; background:#dddddd; width:350px; border-radius:15px; -moz-border-ra