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

css3之border-color

    博客分类:
  • css3
阅读更多

CSS3之border-color

 

    -----设置对象边框的颜色

 

  • 如果你设置了border的宽度为X px,那么这个border上使用X中颜色,每一种颜色显示1px的宽度
  • 如果你定义的border的宽度为5px,但是你声明了4中颜色,那么最后一个颜色被添加到剩下的宽度中。

 

 

 

1、语法:

 

   border-color:<color> 

 

   相关属性:border-top-color,border-right-color,border-bottom-color,border-left-color

 

2、兼容性:

 

类型 IEInternet Explorer FirefoxFirefox ChromeChrome OperaOpera SafariSafari
版本 (×)IE6 (×)Firefox 2.0 (×)Chrome 1.0.x (×)Opera 9.64 (×)Safari 3.1
(×)IE7 (√)Firefox 3.0 (×)Chrome 2.0.x    
(×)IE8 (√)Firefox 3.5      
         

 

 

引擎类型 Gecko Webkit Presto
Border-color -moz-border-color    
       

 

目前只有Firefox支持CSS3的border-color属性。加上前缀-moz

 

0
0
分享到:
评论

相关推荐

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

    CSS3 中的 border-radius 属性可以生成圆角边框,无需使用图片背景图案,从而简化了网页设计的过程。下面对 border-radius 属性进行详细介绍。 一、border-radius 属性 border-radius 属性是 CSS3 中用于生成圆角...

    css-border-effects.zip

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

    解决border-radius失效问题

    在CSS世界中,`border-radius`属性是一个非常重要的特性,它允许我们为元素添加圆角效果,从而使得设计更加精致和现代。然而,在实际开发中,我们可能会遇到`border-radius`失效的问题,导致元素的边角无法按照预期...

    CSS border-color 属性使用方法

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

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

    在CSS3中,`border-color`的扩展功能允许我们为边框的不同部分指定多种颜色,创造出渐变或者分段颜色的边框。 在描述中提到,通过CSS3的`border-radius`属性,我们可以创建具有圆角的边框,同时结合`border-color`...

    border虚线样式,带颜色

    总之,“border虚线样式,带颜色”是指在网页设计中利用CSS的border-style和border-color属性来创建具有颜色的虚线边框。通过灵活运用这些属性,你可以创造出各种独特的视觉效果,丰富网页的界面设计。

    border-radius兼容ie78

    在CSS3中,`border-radius`属性是一个非常重要的特性,它允许我们为元素的边框添加圆角,使得设计更加丰富和美观。然而,这个特性在早期版本的Internet Explorer(尤其是IE7和IE8)中并不支持。为了解决这个问题,...

    CSS圆角效果 -webkit-border-radius(CSS3中border-radius隐藏的威力)

    CSS中的`border-radius`属性是CSS3引入的一个强大的特性,用于创建圆角边框效果,使得元素的四个角可以平滑地过渡到边框边缘,而不是直角显示。这一属性在现代浏览器中得到了广泛支持,但早期版本的浏览器,如...

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

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

    CSS border.docx CSS border.docx

    CSS border-style 属性详解 CSS 中的 border-style 属性用于设置元素所有边框的样式,或者单独地为各边设置边框样式。只有当这个值不是 none 时边框才可能出现。border-style 属性的值可以是 none、hidden、dotted...

    第十一课 css边距与边框-011

    边框是元素四周边缘的可见线条,它由三个属性组成:边框宽度(border-width)、边框颜色(border-color)和边框样式(border-style)。例如: ```css div { border-width: 1px; /* 默认的边框宽度 */ border-...

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

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

    CSS应用---透明圆角

    在网页设计中,CSS...总之,"CSS应用---透明圆角"是一个关于如何利用CSS3的`border-radius`和透明度控制属性来提升网页设计美学的课题。掌握这些技能,可以帮助开发者创建更具现代感和用户体验良好的网页界面。

    如何使用CSS(14)-边框属性

    CSS中的边框属性主要包括以下几类:`border`, `border-width`, `border-style`, `border-color`以及针对四个不同方向的边框属性(例如:`border-top-width`, `border-bottom-style`等)。这些属性可以单独设置,也...

    CSS_3样式.pdf

    ### CSS3 样式知识点详解 #### CSS3 背景属性 在 CSS3 中,开发者可以使用一系列增强的功能来定制网页元素的背景效果。这些功能不仅提供了更强大的控制能力,还增强了网页的设计美感。 ##### background - **描述...

    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

    CSS3 中引入了 border-image 属性,可以用于设置更复杂的边框样式。border-image 属性可以取一个或多个值,分别对应四个方向的边框样式。 例如,以下 CSS 代码将创建一个使用图片的虚线边框: ```css border-image...

    Css3 animation---介绍如何实现css的动画

    **CSS3 Animation详解** 在网页设计领域,CSS3(Cascading Style Sheets Level 3)引入了一种全新的动态效果——CSS3 Animation,它允许开发者通过纯CSS方式创建丰富的视觉动画,而无需依赖JavaScript或其他插件。...

Global site tag (gtag.js) - Google Analytics