table 樣式美化

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

源**：

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顯示**高亮在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...