怎麼用CSS設置html中的表格邊框樣式?

Tags: 表格, 樣式, 邊框,

table表格邊框如果不做設置,出來很不美觀。

怎麼用CSS設置html中的表格邊框樣式

方法/步驟

一個普通的表格如下:

怎麼用CSS設置html中的表格邊框樣式

相關設置

單元格邊距(表格填充)(cellpadding) -- 代表單元格外面距離,用於隔開單元格與單元格之間的空間 單元格間距(表格間距)(cellspacing) -- 代表表格邊框與單元格補白的距離。

具體代碼如下:

1 2 3
a b c
中國 愛你

效果如圖

怎麼用CSS設置html中的表格邊框樣式

怎麼用CSS設置html中的表格邊框樣式

文字不居中?

設置一下就好了。

代碼如下:

1 2 3
a b c
中國 愛你

為了方便一點我直接把樣式寫在上面了。

怎麼用CSS設置html中的表格邊框樣式

效果如圖:

怎麼用CSS設置html中的表格邊框樣式

每一個表格都是一個完整的方框,如果想要線條更細。

看如下代碼:

1 2 3
a b c
中國 愛你

這段代碼主要是針對某些表格做了些設置,讓某些表格不顯示出來。

怎麼用CSS設置html中的表格邊框樣式

相關問題答案