9.05日音訊,網(wǎng)頁制作中表格border設置的技巧。對于很多初學HTML的人來說,表格<table>是最常用的標簽了,但對于表格邊框的控制,很多初學者卻不甚其解。
一般我們用表格的時候總會給它個border屬性,比如:<tableborder="1">,其效果如下:
可以發(fā)現(xiàn)表格的邊框好像很寬,當然這里的“很寬”絕對不是表格border的寬,大家看到的寬應該是<td>之間有間隙所致。因此只需要修改表格的cellspacing屬性即可,即:<tableborder="1px"cellspacing="0px">,效果如下:
但是,好像寬度還是沒有我們想象的那樣:只有一個像素的寬,其實,上圖大家看到的其實是兩個像素的寬,為什么呢,這是因為<td>之間的邊框沒有重合所致。修改表格的border-collapse屬性即可,
即<tableborder="1px"cellspacing="0px"style="border-collapse:collapse">
再給表格加個顏色,<tableborder="1px"bordercolor="#000000"cellspacing="0px"style="border-collapse:collapse">