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

css3之border-color

    博客分类：
  • css3
css3border-color 
阅读更多

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或其他插件。...

Magicbox
Global site tag (gtag.js) - Google Analytics