HTML表格邊框的設置小技巧


對於很多初學HTML的人來說,表格<table>是最常用的標簽了,但對於表格邊框的控制,很多初學者卻不甚其解。

對於很多初學HTML的人來說,表格<table>是最常用的標簽了,但對於表格邊框的控制,很多初學者卻不甚其解。

一般我們用表格的時候總會給它個border屬性,比如:<table border="1">,其效果如下:

對於很多初學HTML的人來說,表格<table>是最常用的標簽了,但對於表格邊框的控制,很多初學者卻不甚其解。

一般我們用表格的時候總會給它個border屬性,比如:<table border="1">,其效果如下:

但是,好像寬度還是沒有我們想象的那樣:只有一個像素的寬,其實,上圖大家看到的其實是兩個像素的寬,為什么呢,這是因為<td>之間的邊框沒有重合所致。修改表格的border-collapse屬性即可,

即<table border="1px" cellspacing="0px" style="border-collapse:collapse">

再給表格加個顏色,<table border="1px" bordercolor="#000000" cellspacing="0px" style="border-collapse:collapse">


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM