`
zhangyaochun
  • 浏览: 2622151 次
  • 性别: Icon_minigender_1
  • 来自: 北京
文章分类
社区版块
存档分类
最新评论

border-color

阅读更多

 

  CSS border-color属性

 

        -----设置四条边框的颜色

 

 

.test{
border-color:red green blue pink;
}

 

  • 上边框是红色
  • 右边框是绿色
  • 下边框是蓝色
  • 左边框是粉色
 
浏览器支持:
 
   所有浏览器都支持border-color属性。
 
 

可能的值

值 描述
color_name 规定颜色值为颜色名称的边框颜色(比如 red)。
hex_number 规定颜色值为十六进制值的边框颜色(比如 #ff0000)。
rgb_number 规定颜色值为 rgb 代码的边框颜色(比如 rgb(255,0,0))。
transparent 默认值。边框颜色为透明。
inherit 规定应该从父元素继承边框颜色。

 

 

分享到:
评论

相关推荐

    第三章 border-color网页边框色彩.docx

    在网页设计中,边框是元素视觉表现的重要组成部分,而`border-color`属性则允许我们对元素的边框设置不同的颜色,从而实现丰富多彩的边框效果。在CSS3中,`border-color`的扩展功能允许我们为边框的不同部分指定多种...

    CSS border-color 属性使用方法

    **CSS `border-color` 属性详解** `border-color` 是CSS中的一个重要属性,它用于定义元素边框的颜色。通过此属性,你可以独立地为元素的上、右、下、左边框设置不同的颜色,从而实现丰富的视觉效果。让我们深入...

    解决border-radius失效问题

    border-color: #000; /* 设置边框颜色 */ } ``` 4. **定位和浮动**:`position`设为`absolute`、`fixed`或`relative`以及`float`属性可能会影响元素的渲染,导致`border-radius`失效。确保正确管理元素的定位和...

    css-border-effects.zip

    1. **边框颜色**:使用`border-color`属性可以改变边框的颜色。它可以接受颜色名称、十六进制、RGB、RGBA、HSL或HSLA值。 2. **边框宽度**:通过`border-width`属性可以设定边框的厚度,例如`thin`、`medium`、`...

    CSS3教程(3):border-color网页边框色彩

    网页制作Webjx文章简介:现在我们来看一看如何为边框的border-color添加更多的色彩。 现在我们来看一看如何为边框的border-color添加更多的色彩。上一篇介绍了:CSS3教程(2):网页边框半径和网页圆角使用CSS3的border...

    border虚线样式,带颜色

    如果你希望边框的不同部分具有不同颜色,可以使用border-top-color、border-right-color、border-bottom-color和border-left-color单独设置每个边的颜色。 ```css element { border-top-color: green; border-...

    select标签边框的颜色select标签边框的颜色

    border-color: #your-color; } ``` 在这里,`#your-color` 是你想要设置的边框颜色,可以是任何有效的 CSS 颜色值,如 `#FF0000`(红色),`#00FF00`(绿色)或 `rgb(255, 0, 0)`(也是红色)等。 ### 2. 浏览器...

    NX二次开发UF-DRAW-set-border-color 函数介绍

    NX二次开发UF_DRAW_set_border_color 函数介绍,Ufun提供了一系列丰富的 API 函数,可以帮助用户实现自动化、定制化和扩展 NX 软件的功能。无论您是从事机械设计、制造、模具设计、逆向工程、CAE 分析等领域的专业...

    NX二次开发UF-DRAW-ask-border-color 函数介绍

    NX二次开发UF_DRAW_ask_border_color 函数介绍,Ufun提供了一系列丰富的 API 函数,可以帮助用户实现自动化、定制化和扩展 NX 软件的功能。无论您是从事机械设计、制造、模具设计、逆向工程、CAE 分析等领域的专业...

    CSS3之边框多颜色Border-color属性使用示例

    CSS3的Border-color属性是专门用来实现边框多颜色效果的属性。它允许我们为一个元素的边框指定多个颜色,从而创造出不同于传统单色边框的视觉效果。这一特性在网页设计中尤其有用,可以用来增强网页元素的视觉吸引力...

    css2中文手册 学习css的必选

    border border-color border-style border-width border-top border-top-color border-top-style border-top-width border-right border-right-color border-right-style border-right-width border-bottom border-...

    CSS border.docx CSS border.docx

    此外,border-style 属性还可以与其他边框属性结合使用,例如 border-color、border-radius 等,来创建更加复杂的边框样式。 border-style 属性是 CSS 中一个非常重要的属性,它可以帮助开发者创建各种复杂的边框...

    css3(border-radius)边框圆角详解

    CSS3 边框圆角详解 CSS3 中的 border-radius 属性...border-right-color:#fff; * height:100px;width:200px;background: red;border-radius:100px/50px; 这些代码可以生成不同的圆角效果,例如圆形、椭圆形、矩形等。

    border-radius兼容ie78

    background-color: #f00;"> ``` 在这个例子中,`.rounded-corners`类应用了`border-radius`,并且通过`behavior`属性引入了Pie.htc文件,这是CSS3 Pie的核心组件。`-webkit-border-radius`和`-moz-border-radius...

    XML应用开发(软件品牌)-1期 4.8 案例分析-使用CSS容器属性显示XML文档-边框属性border.doc

    - `border-color` 用于指定边框的颜色,同样可以针对每个边设置:`border-top-color`, `border-right-color`, `border-bottom-color`, `border-left-color`。颜色值可以是预定义的颜色名、十六进制、RGB、RGBA、HSL...

    CSS 盒子模型.pdf

    border-color 属性用于设置边框的颜色,可以单独设置每个边框的颜色,也可以设置四个边框的统一颜色。 * border-top-color: 上边框颜色 * border-right-color: 右边框颜色 * border-bottom-color: 下边框颜色 * ...

    border虚线样式(style)

    通过组合使用`border-style`, `border-width`, 和 `border-color`,你可以根据需要定制边框的样式。同时,通过一些创意技巧,比如多边框叠加和伪元素,还可以实现更复杂的虚线效果。在实际开发中,理解并熟练运用...

Global site tag (gtag.js) - Google Analytics