html水平线边框颜色填充实例,CSS border-color边框颜色样式示例

Example of CSS border-color property

p.one {

border-style: solid;

border-color: #ff0000;

}

p.two {

border-style: solid;

border-color: #ff0000 #00ff00;

}

p.three {

border-style: solid;

border-color: #ff0000 #00ff00 #0000ff;

}

p.four {

border-style: solid;

border-color: #ff0000 #00ff00 #0000ff #ff00ff;

}

单值语法：单个值设置所有四个边框的颜色。

二值语法：第一个值设置顶部和底部边框的颜色，第二个值设置右侧和左侧边框的颜色。>

三值语法：第一个值设置顶部边框的颜色，第二个值设置左右边框的颜色，第三个值设置 底部边框的颜色。

四值语法：每个值都按上，右，下和左的顺序分别设置边框的颜色。

注意：您必须在 border-color 属性之前声明 border-style 属性。 元素必须具有边框，然后才能设置边框的颜色。