HTML5設置table邊框顏色
在HTML5中,可以使用CSS樣式表來設置table元素的邊框顏色。下面是具體的示例代碼:
首先,我們需要在HTML文件的頭部引入CSS樣式表:
```
```
在上述代碼中,我們在style標簽里面定義了兩個CSS選擇器:
- table:表示所有table元素的樣式。
- th, td:表示所有th和td元素的樣式。
在table的選擇器中,我們指定了邊框合并屬性border-collapse為collapse,這樣可以使得相鄰的單元格邊框合并在一起,看起來更美觀。
然后,我們通過border屬性來設置table元素的邊框顏色和寬度。在這個示例代碼中,我們設置邊框顏色為藍色,邊框寬度為2px。注意,我們沒有在th和td的樣式中指定邊框顏色和寬度,這是因為它們會繼承table元素的樣式。
最后,我們通過padding屬性來設置單元格內的填充。在這個示例代碼中,我們設置填充為10px。
需要注意的是,如果你的HTML文件中引用了外部的CSS樣式表,那么你需要在樣式表中定義table、th和td三個選擇器的樣式。在這種情況下,示例代碼應該如下所示:
```
```
在mystyle.css中,我們應該定義table、th和td三個選擇器的樣式,跟前面示例的style標簽中定義的是一樣的。