你的位置:首页 > 软件开发 > 网页设计 > CSS(三):基本属性二

CSS(三):基本属性二

发布时间:2016-08-11 23:02:21
border-widthborder-colorborder-styleborder-width 简写属性为元素的所有边框设置宽度,或者单独地为各边边框设置宽度。只有当边框样式不是 none 时才起作用。如果边框样式是 none,边框宽度实际上会重置为 0。不允许指定负长度值。b ...
  • border-width
  • border-color
  • border-style

border-width 简写属性为元素的所有边框设置宽度,或者单独地为各边边框设置宽度。

只有当边框样式不是 none 时才起作用。如果边框样式是 none,边框宽度实际上会重置为 0。不允许指定负长度值。

border-color 属性设置四条边框的颜色。此属性可设置 1 到 4 种颜色。

border-color 属性是一个简写属性,可设置一个元素的所有边框中可见部分的颜色,或者为 4 个边分别设置不同的颜色。

border-style 属性用于设置元素所有边框的样式,或者单独地为各边设置边框样式。

只有当这个值不是 none 时边框才可能出现。

 1 /* 设置5px的灰色实线边框 */ 2 p{ 3   border-width: 5px 5px 5px 5px; 4   border-color: #ccc; 5   border-style: solid; 6 } 7  8 <p>border-width: 5px 5px 5px 5px; 9   border-color: #ccc;10   border-style: solid;</p>

注意: 每个半径的四个值的顺序是:左上角,右上角,右下角,左下角。如果省略左下角,右上角是相同的。如果省略右下角,左上角是相同的。如果省略右上角,左上角是相同的。

1 /* 设置各半径为5px的圆角 */2 p{3   border-radius: 5px;4 }5 6 <p>border-radius: 5px</p>

原标题:CSS(三):基本属性二

关键词:CSS

CSS
*特别声明:以上内容来自于网络收集,著作权属原作者所有,如有侵权,请联系我们: admin#shaoqun.com (#换成@)。