首頁 > web前端 > 前端問答 > html5怎樣設定表格邊框線不同顏色

html5怎樣設定表格邊框線不同顏色

WBOY
發布: 2022-01-23 17:23:45
原創
6580 人瀏覽過

在html5中,可以利用「border-color」屬性來設定表格邊框線為不同的顏色,該屬性是一個簡寫屬性,可以設定1到4個值,用來分別設定四個邊框的顏色,語法為「border-color:上邊框顏色右邊框顏色下邊框顏色左邊框顏色;」。

html5怎樣設定表格邊框線不同顏色

本教學操作環境:windows10系統、HTML5版、Dell G3電腦。

html5怎麼設定表格邊框線不同顏色

border-color 屬性設定四條邊框的顏色。此屬性可設定 1 到 4 種顏色。

border-color 屬性是一個簡寫屬性,可設定一個元素的所有邊框中可見部分的顏色,或為 4 個邊分別設定不同的顏色。請看下面的範例:

範例1

border-color:red green blue pink;
登入後複製

上邊框是紅色

#右邊框是綠色

下邊框是藍色

左邊框是粉紅色

範例2

border-color:red green blue;
登入後複製

上邊框是紅色

右邊框和左邊框是綠色

下邊框是藍色

範例3

border-color:dotted red green;
登入後複製

上邊框和下邊框是紅色

右邊框框是綠色

範例4

border-color:red;
登入後複製

所有4 個邊框都是紅色

要記住,邊框的樣式不能是none 或hidden,否則邊框不會出現。

推薦教學:《html影片教學

以上是html5怎樣設定表格邊框線不同顏色的詳細內容。更多資訊請關注PHP中文網其他相關文章!

相關標籤:
來源:php.cn
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板