這是個較早時候寫的小教程 ,主要是用CSS來美化表格的,對象是TABle,覺得過時了,所以一直不敢拿出來獻丑,今天整理時候覺得再不發就沒機會了,高手勿笑哦。
CSS美化Table表格為細線表格,文字居中顯示,示例代碼:
01
<style type=
"text/CSS"
>
02
table{
03
border
:
1px
solid
#000
;
04
border-width
:
1px
0
0
1px
;
05
margin
:
2px
0
2px
0
;
06
text-align
:
center
;
07
border-collapse
:
collapse
;
08
}
09
td,th{
10
border
:
1px
solid
#000
;
11
border-width
:
0
1px
1px
0
;
12
margin
:
2px
0
2px
0
;
13
text-align
:
left
;
14
}
15
th{
16
text-align
:
center
;
17
font-weight
:
600
;
18
font-size
:
12px
;
19
background-color
:
#F4F4F4
;
20
}
21
</style>
22
<table width=
"236"
>
23
<tr>
24
<td>
1
</td>
25
<td>
2
</td>
26
<td>
3
</td>
27
<td>
4
</td>
28
<td>
5
</td>
29
<td>
6
</td>
30
</tr>
31
</table>
以上CSS對TABle表格的定義,可以縮寫成下面這幾行代碼,裡面一些居中定義可以自己添:
vIEw source