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>
執行實例 »
點擊 "執行實例" 按鈕查看線上實例