HTML小技巧將table邊框改為細線

2022-05-06 04:15:08 字數 607 閱讀 2648

html製作新手在用table**時,會碰到如何改變邊線粗線,因為預設的table邊線設定即使是1px 是很粗的。因此會使用其他一些方法來製作出細線邊框,這裡介紹一種利用css來實現細線的方法,很有效,而且相容所有瀏覽器。

細線**如果單純設定邊框,很難保證瀏覽器相容。常見的做法是利用 css2 的 "border-collapse:collapse;" 屬性合併**邊框;並對 table 元素設定左邊框和上邊框,對 th 和 td 元素設定右邊框和下邊框。

html:

table head (row1, col1)

table head (row1, col2)

table head (row1, col3)

table data (row1, col1)

table data (row1, col2)

table data (row1, col3)

table data (row2, col1)

table data (row2, col2)

table data (row2, col3)

css:

table

th,td

th

HTML小技巧 將table邊框改為細線

html製作新手在用table 時,會碰到如何改變邊線粗線,因為預設的table邊線設定即使是1px 是很粗的。因此會使用其他一些方法來製作出細線邊框,這裡介紹一種利用css來實現細線的方法,很有效,而且相容所有瀏覽器。細線 如果單純設定邊框,很難保證瀏覽器相容。常見的做法是利用 css2 的 bo...

Html 如何正確給table加邊框

總結一下 html中table的屬性 border 1 給整個 包括 及每乙個單元格 加上1畫素的黑色邊框,其等同於css中的 table,table tr th,table tr td cellpadding 0 單元格邊距等於0,其預設值為1px,其等同於css中的 cellspacing 0 ...

iOS xib布局小技巧 邊框設定

在xib或storyboard中為uiview新增邊框或圓角 view的圓角半徑 cornerradius 和邊框寬度可以在右側識別符號檢測器 第三個 上的user defined runtime attributes內進行設定,如圖 注 圖中未設定 圓角方法同上圖邊線寬度設定相同 key path...