华南俳烁实业有限公司

考試首頁 | 考試用書 | 培訓(xùn)課程 | 模擬考場 | 考試論壇  
  當(dāng)前位置:設(shè)計(jì)制作 > CSS/HTML > 文章內(nèi)容
  

CSS邊框?qū)傩裕篊SSborder-color屬性

 [ 2016年5月11日 ] 【

實(shí)例

設(shè)置 4 個(gè)邊框的顏色:

p
  {
  border-style:solid;
  border-color:#ff0000 #0000ff;
  }

定義和用法

border-color 屬性設(shè)置四條邊框的顏色。此屬性可設(shè)置 1 到 4 種顏色。

border-color 屬性是一個(gè)簡寫屬性,可設(shè)置一個(gè)元素的所有邊框中可見部分的顏色,或者為 4 個(gè)邊分別設(shè)置不同的顏色。請(qǐng)看下面的例子:

例子 1

border-color:red green blue pink;
  • 上邊框是紅色
  • 右邊框是綠色
  • 下邊框是藍(lán)色
  • 左邊框是粉色

例子 2

border-color:red green blue;
  • 上邊框是紅色
  • 右邊框和左邊框是綠色
  • 下邊框是藍(lán)色

例子 3

border-color:dotted red green;
  • 上邊框和下邊框是紅色
  • 右邊框和左邊框是綠色

例子 4

border-color:red;
  • 所有 4 個(gè)邊框都是紅色

要記住,邊框的樣式不能為 none 或 hidden,否則邊框不會(huì)出現(xiàn)。

注釋:請(qǐng)始終把 border-style 屬性聲明到 border-color 屬性之前。元素必須在您改變其顏色之前獲得邊框。

默認(rèn)值:not specified
繼承性:no
版本:CSS1
JavaScript 語法:object.style.borderColor="#FF0000 blue"

可能的值

描述
color_name規(guī)定顏色值為顏色名稱的邊框顏色(比如 red)。
hex_number規(guī)定顏色值為十六進(jìn)制值的邊框顏色(比如 #ff0000)。
rgb_number規(guī)定顏色值為 rgb 代碼的邊框顏色(比如 rgb(255,0,0))。
transparent默認(rèn)值。邊框顏色為透明。
inherit規(guī)定應(yīng)該從父元素繼承邊框顏色。

本文糾錯(cuò)】【告訴好友】【打印此文】【返回頂部
將考試網(wǎng)添加到收藏夾 | 每次上網(wǎng)自動(dòng)訪問考試網(wǎng) | 復(fù)制本頁地址,傳給QQ/MSN上的好友 | 申請(qǐng)鏈接 | 意見留言 TOP
關(guān)于本站  網(wǎng)站聲明  廣告服務(wù)  聯(lián)系方式  站內(nèi)導(dǎo)航  考試論壇
Copyright © 2007-2013 中華考試網(wǎng)(Examw.com) All Rights Reserved
安新县| 合江县| 寿宁县| 夹江县| 太原市| 保德县| 库车县| 岳池县| 中江县| 绥芬河市| 伊金霍洛旗| 象州县| 邯郸县| 乃东县| 金华市| 巴青县| 通辽市| 柞水县| 孟村| 靖州| 石嘴山市| 白水县| 南郑县| 元谋县| 六盘水市| 瑞丽市| 定边县| 廉江市| 江西省| 万源市| 浮梁县| 兴安盟| 无极县| 秦安县| 昆明市| 泌阳县| 吉林省| 张掖市| 永清县| 常山县| 高密市|