CSS border |
您所在的位置:网站首页 › goldenrod怎么读 › CSS border |
CSS border-color 属性
❮ 上一节
CSS 参考手册
下一节 ❯
实例
设置边框颜色: div {border-color: coral;} 亲自试一试 »下面有更多实例。 定义和用法border-color 属性设置一个元素的四个边框颜色。此属性可以有一到四个值。 如果 border-color 属性有 4 个值: border-color: red green blue pink; 上边框是红色 右边框是绿色 底部边框是蓝 左边框是粉红色如果 border-color 属性有 3 个值: border-color: red green blue; 上边框是红色 左,右边框是绿色 底部边框是蓝如果 border-color 属性有 2 个值: border-color: red green; 顶部和底部边框是红色 左右边框是绿色如果 border-color 属性有 2 个值: border-color: red; 所有四个边框是红色注释: 请始终把 border-style 属性声明到 border-color 属性之前。元素必须在您改变其颜色之前获得边框。 默认值: 元素的当前颜色 继承性: no 支持动画: yes. 阅读有关动画的信息 测试一下 版本: CSS1 JavaScript 语法: object.style.borderColor="#FF0000 blue" 测试一下 浏览器支持表中的数字表示支持该属性的第一个浏览器版本。 属性 border-color 1.0 4.0 1.0 1.0 3.5 语法 border-color: color|transparent|initial|inherit; 属性值 值 描述 试一试 color 指定边框颜色。在CSS颜色值查找颜色值的完整列表。默认颜色是元素的当前颜色 亲自试一试 » transparent 指定边框颜色应为透明 亲自试一试 » initial 将此属性设置为其默认值。请参阅 initial 亲自试一试 » inherit 从其父元素继承此属性。请参阅 inherit 更多实例 实例使用十六进制值设置边框颜色: div {border-color: #92a8d1;} 亲自试一试 » 实例使用 RGB 值为边框设置颜色: div {border-color: rgb(201, 76, 76);} 亲自试一试 » 实例使用 RGBA 值为边框设置颜色: div {border-color: rgba(201, 76, 76, 0.3);} 亲自试一试 » 实例使用 HSL 值为边框设置颜色: div {border-color: hsl(89, 43%, 51%);} 亲自试一试 » 实例使用 HSLA 值为边框设置颜色: div {border-color: hsla(89, 43%, 51%, 0.3);} 亲自试一试 » 实例为元素的每一侧设置不同的边框颜色: div.ex1 {border-color: #0000ff;}div.ex2 {border-color: #ff0000 #0000ff;} div.ex3 {border-color: #ff0000 #00ff00 #0000ff;}div.ex4 {border-color: #ff0000 #00ff00 #0000ff rgb(250,0,255);} 亲自试一试 » 相关页面CSS 教程: CSS 边框 HTML DOM 参考手册: borderColor 属性 ❮ 上一节 CSS 参考手册 下一节 ❯ |
今日新闻 |
推荐新闻 |
CopyRight 2018-2019 办公设备维修网 版权所有 豫ICP备15022753号-3 |