border

英 [ˈbɔ:də(r)]   美 [ˈbɔ:rdə(r)]  

n.边界;边;镶边;包边

vt.& vi.与…接界，在…的边上

vt.沿…的边，环绕…，给…镶边

vi.近似，毗邻

第三人称单数： borders 复数： borders 现在分词： bordering 过去式： bordered 过去分词： bordered

color

英 ['kʌlə(r)]   美 [ˈkʌlɚ]  

n.<美>颜色，色彩;肤色，脸色，血色;颜料，染料;本质

v.<美>给…涂颜色;改变…的颜色;粉饰，渲染，使带上色彩;脸红

第三人称单数： colors 复数： colors 现在分词： coloring 过去式： colored 过去分词： colored

css border-color属性 语法

作用：设置四条边框的颜色。此属性可设置 1 到 4 种颜色。

说明：border-color 属性是一个简写属性，可设置一个元素的所有边框中可见部分的颜色，或者为 4 个边分别设置不同的颜色。要记住，边框的样式不能为 none 或 hidden，否则边框不会出现。

注释：请始终把 border-style 属性声明到 border-color 属性之前。元素必须在您改变其颜色之前获得边框。

css border-color属性 示例

<html>
<head>

<style type="text/css">
p.one
{
border-style: solid;
border-color: #0000ff
}
p.two
{
border-style: solid;
border-color: #ff0000 #0000ff
}
p.three
{
border-style: solid;
border-color: #ff0000 #00ff00 #0000ff
}
p.four
{
border-style: solid;
border-color: #ff0000 #00ff00 #0000ff rgb(250,0,255)
}
</style>

</head>

<body>

<p class="one">One-colored border!</p>

<p class="two">Two-colored border!</p>

<p class="three">Three-colored border!</p>

<p class="four">Four-colored border!</p>

<p><b>注释：</b>"border-width" 属性如果单独使用的话是不会起作用的。请首先使用 "border-style" 属性来设置边框。</p>

</body>
</html>

运行实例 »

点击 "运行实例" 按钮查看在线实例