工具搜索引擎 加入收藏
意见反馈
帮助中心
繁體中文
首页 工具超市 产品信息 资讯中心 工具黄页 站长工具 实用工具 会员管理 联系我们  
广告投放
您当前的位置:工具网站长书库> CSS教程

CSS属性 - border-color 边框颜色属性

说明

该CSS属性用来设定边框的颜色。边框区域的定义,请参见 CSS 盒子模式 (Box Model)

值:<color>{1,4} | inherit

可用值 值的说明

color

最多四个颜色名称或颜色代码值。

border-color 是 border-top-color, border-right-color, border-bottom-color,border-left-color 的一种快捷的综合写法,最多允许四个值,依次的顺序是:上,右,下,左。

如果只有一个值,表示四个边框都用同样的颜色。如果有两个值,第一个值表示上下边框颜色,第二个值表示左右边框颜色。如果有三个值,第一个值表示上边框颜色,第二个值表示左右边框颜色,第三个值表示下边框颜色。

示例代码

.d1 {border-color:#FFA500;border-style:solid;}
.d2 {border-color:#33CC00 #FFA500;border-style:solid;}
.d3 {border-color:blue gray yellow red;border-style:solid;}
.d4 {border-color:blue gray red;border-style:solid;}

继承

适用于

所有元素

返回上级目录
CSS
CSS教程
CSS简介
CSS语法
CSS字体属性(font)
CSS常用文本属性
CSS背景属性
CSS边框属性(border)
CSS边距属性(margin)
CSS间隙属性(padding)
CSS盒子模式(Box Model)
CSS列表属性(list-style)
CSS伪类(pseudo-class)
CSS代码示例
CSS参考(Reference)
CSS属性参考
CSS长度单位参考