CSS 设置边框可以用哪个属性? 下面本篇文章就来给简单介绍一下 CSS 设置边框的几个属性. 有一定的参考价值, 有需要的朋友可以参考一下, 希望对大家有所帮助.
CSS 设置边框可以用 border 简写属性, 它可以在一个声明设置所有的边框属性, 按照 border-width,border-style,border-color 顺序设置; 也可以单独使用这几个属性来设置边框样式.
边框属性介绍:
border 属性:
一个简写属性, 在一个声明中所有的边框属性.
可以设置的属性分别 (按顺序):border-width, border-style, 和 border-color.
如果上述值缺少一个没有关系, 例如 border:#FF0000; 是允许的.
border-width 属性:
border-width 简写属性为元素的所有边框设置宽度, 或者单独地为各边边框设置宽度.
只有当边框样式不是 none 时才起作用. 如果边框样式是 none, 边框宽度实际上会重置为 0. 不允许指定负长度值.
border-style 属性:
border-style 属性用于设置元素所有边框的样式, 或者单独地为各边设置边框样式.
只有当这个值不是 none 时边框才可能出现.
border-color 属性:
border-color 属性设置四条边框的颜色. 此属性可设置 1 到 4 种颜色.
border-color 属性是一个简写属性, 可设置一个元素的所有边框中可见部分的颜色, 或者为 4 个边分别设置不同的颜色.
示例:
1, 在一个 border 简写属性设置边框.
- <html>
- <head>
- <style type="text/css">
- p { border: medium double rgb(250,0,255) }
- </style>
- </head>
- <body>
- <p>
- Some text
- </p>
- </body>
- </HTML>
效果图:
2, 按照 border-width,border-style,border-color 属性顺序依次设置边框样式.
示例:
- <HTML>
- <head>
- <style type="text/css">
- p { border-width:medium; border-style:double; border-color:rgb(250,0,255);
- }
- </style>
- </head>
- <body>
- <p>
- Some text
- </p>
- </body>
- </HTML>
效果图:
更多 CSS 相关知识, 可访问 CSS 教程 https://www.html.cn/css/ !!
来源: http://www.css88.com/qa/css3/15098.html