首頁  >  文章  >  web前端  >  關於HTML表格邊框的設定的技巧

關於HTML表格邊框的設定的技巧

不言
不言原創
2018-06-09 15:46:112334瀏覽

下面為大家帶來一篇有關HTML表格邊框的設定小技巧。內容還挺不錯的,現在分享給大家,也給大家做個參考

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

一般我們用表格的時候總是會給它一個border屬性,例如:e250a3f15cdd83cbdbae9ebf57168797,其效果如下:

##對於許多初學HTML的人來說,表格f5d188ed2c074f8b944552db028f98a1是最常用的標籤了,但對於表格邊框的控制,許多初學者卻不甚其解。

一般我們用表格的時候總是會給它一個border屬性,例如:e250a3f15cdd83cbdbae9ebf57168797,其效果如下:

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

<table border="1px" cellspacing="0px" >

#再給表格加個顏色,

<table border="1px" bordercolor="#000000" cellspacing="0px" >

#以上就是本文的全部內容,希望對大家的學習有所幫助,更多相關內容請關注PHP中文網!

相關推薦:

HTML中使背景圖片自適應瀏覽器大小


實例詳解PHP中html word 互轉的方法


#

以上是關於HTML表格邊框的設定的技巧的詳細內容。更多資訊請關注PHP中文網其他相關文章!

陳述:
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn