在html5中，可以利用“border-color”屬性設(shè)置表格邊框線為不同的顏色，該屬性是一個(gè)簡寫屬性，可以設(shè)置1到4個(gè)值，用來分別設(shè)置四個(gè)邊框的顏色，語法為“border-color:上邊框顏色 右邊框顏色 下邊框顏色 左邊框顏色;”。

本教程操作環(huán)境：windows10系統(tǒng)、HTML5版、Dell G3電腦。

html5怎樣設(shè)置表格邊框線不同顏色

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)。

推薦教程：《html視頻教程》