css border-color属性
翻译结果:
border
英 [ˈbɔ:də(r)] 美 [ˈbɔ:rdə(r)]
n.边界;边;镶边;包边
vt.& vi.与…接界,在…的边上
vt.沿…的边,环绕…,给…镶边
vi.近似,毗邻
第三人称单数: borders 复数: borders 现在分词: bordering 过去式: bordered 过去分词: bordered
color
英 ['kʌlə(r)] 美 [ˈkʌlɚ]
n.<美>颜色,色彩;肤色,脸色,血色;颜料,染料;本质
v.<美>给…涂颜色;改变…的颜色;粉饰,渲染,使带上色彩;脸红
第三人称单数: colors 复数: colors 现在分词: coloring 过去式: colored 过去分词: colored
css border-color属性语法
作用:设置四条边框的颜色。此属性可设置 1 到 4 种颜色。
说明:border-color 属性是一个简写属性,可设置一个元素的所有边框中可见部分的颜色,或者为 4 个边分别设置不同的颜色。要记住,边框的样式不能为 none 或 hidden,否则边框不会出现。
注释:请始终把 border-style 属性声明到 border-color 属性之前。元素必须在您改变其颜色之前获得边框。
css border-color属性示例
<html> <head> <style type="text/css"> p.one { border-style: solid; border-color: #0000ff } p.two { border-style: solid; border-color: #ff0000 #0000ff } p.three { border-style: solid; border-color: #ff0000 #00ff00 #0000ff } p.four { border-style: solid; border-color: #ff0000 #00ff00 #0000ff rgb(250,0,255) } </style> </head> <body> <p class="one">One-colored border!</p> <p class="two">Two-colored border!</p> <p class="three">Three-colored border!</p> <p class="four">Four-colored border!</p> <p><b>注释:</b>"border-width" 属性如果单独使用的话是不会起作用的。请首先使用 "border-style" 属性来设置边框。</p> </body> </html>
运行实例 »
点击 "运行实例" 按钮查看在线实例