文档介绍：Copyright ? 2009 Tencent ISD webteam. All Rights Reserved CSS3 Properties Borders Backgrounds Color Text effects User-interface Selectors Basic box model Generated Content Other modules border-color border-image border-radius box-shadow background-origin background-clip background-size multiple backgrounds HSL colors HSLA colors opacity RGBA colors text-shadow text-overflow word-wrap box-sizing resize outline nav-up , nav-right , nav-down , nav-left attribute selectors overflow-x , overflow-y content media queries multi-column layout Web fonts speech Copyright ? 2009 Tencent ISD webteam. All Rights Reserved Borders Properties border-color border-image border-radius box-shadow Copyright ? 2009 Tencent ISD webteam. All Rights Reserved Border-color 版本: 版本: 版本: 版本:CSS3继承性:无 border-color:<color> 相相相相关关关关属属属属性性性性:border-top-color, border-right-color, border-bottom-color , border-left-color 颜色值。设设设设置置置置对对对对象象象象边边边边框的框的框的框的颜颜颜颜色。色。色。色。使用CSS3的border-radius属性,如果你设置了border的宽度是X px,那么你就可以在这个border上使用X种颜色,每种颜色显示1 px的宽度。如果说你的border的宽度是1 0个像素,但是只声明了5或6种颜色,那么最后一个颜色将被添加到剩下的宽度。语语语语法: 法: 法: 法: 取取取取值值值值:::: <color>:::: 说说说说明: 明: 明: 明: 引擎类型 Gecko Webkit Presto Border-color-moz-border-color 兼容性: 兼容性: 兼容性: 兼容性: 类型 Explorer Firefox Chrome Opera Safari 版本(×)IE6 (×)Firefox (×)Chrome (×)Opera (×)Safari (×)IE7 (√)Firefox (×)Chrome (×)IE8 (√)Firefox 示例: 示例: 示例: 示例: <! DOCTYPE html PUBLIC "- // W3C//DTD XHTML Strict//EN" "/xhtml1/DTD/xhtml1- "> <html xmlns="9/xhtml"> <head> <meta http- equiv="Content- Type" content="text/html; charset=utf- 8" /> <meta http - equiv="Content- Language" content="utf- 8" /> <meta name="robots" content="all" /> <meta name="author" content="Tencent- ISRD" /> <meta name="Copyright" content="Tencent" /> <title>Border- color</title> </head> <body> 复制代码快速跳转语语语语法法法法取取取取值值值值说说说说明明明明兼容性兼容性兼容性兼容性示例示例示例示例 Border- image 版本: 版本: 版本: 版本:CSS3继承性:无 border-image:none | <image> [ <number> | <percentage>]{1 ,4} [ / <border-width>{1 ,4