table 樣式美化

2022-09-16 18:48:10 字數 2132 閱讀 2041

這是乙個很常用的**樣式。

源**:

1 

226

27 28 29 30 info header 1

info header 2

info header 3

31 32 33 text 1a

text 1b

text 1c

34 35 36 text 2a

text 2b

text 2c

37 38

和上面差不多,不過每個格仔裡多了背景圖。

2.拷貝下面的**到你想要的地方,記得修改url

1 

226

27 28 29 30 info header 1

info header 2

info header 3

31 32 33 text 1a

text 1b

text 1c

34 35 36 text 2a

text 2b

text 2c

37 38

這個css樣式**自動切換每一行的顏色,在我們需要頻繁更新乙個大**的時候很有用。

純css顯示**高亮在ie中顯示有問題,所以這邊使用了js來做高亮(由於csdn部落格限制了js的使用,我會在近期將部落格遷移放到自己的web主機上)。

有一點要小心的是,不要定義格仔的背景色。

1 

228

29 30 31 32 info header 1

info header 2

info header 3

33 34 35 item 1a

item 1b

item 1c

36 37 38 item 2a

item 2b

item 2c

39 40 41 item 3a

item 3b

item 3c

42 43 44 item 4a

item 4b

item 4c

45 46 47 item 5a

item 5b

item 5c

48 49

html checkbox樣式美化

思路 使用label結合checkbox,背景進行美化。原理 1.for 屬性規定 label 與哪個表單元素繫結,顯式繫結和隱式繫結,均可實現checkbox的選用與取消效果,具體見 標籤的 for 屬性 編碼實現 這裡我們通過隱藏預設的checkbox,新增乙個行內元素span並控制span在c...

table樣式設定小結

1.為 設定合併邊框模型 table 2.給邊框設定寬度和顏色 table 3.通過 width 和 height 屬性定義 的寬度和高度 table th4.text align 和 vertical align 屬性設定 中文字的對齊方式。text align 屬性設定水平對齊方式,比如左對齊 ...

CSS樣式美化div盒子

完整 片 font family 等線 light 字型為等線 light font size 1.5em 字型大小為預設值的2倍 line height 1.5em 行高為1.5倍 color deepskyblue 字型顏色為deepskyblue line break unset 斷句方式 t...