首頁 > web前端 > 前端問答 > html表格線怎麼去掉

html表格線怎麼去掉

藏色散人
發布: 2021-05-18 14:24:06
原創
9659 人瀏覽過

html去掉表格線的方法:先新建一個HTML檔案;然後建立一個有邊框的表格;最後設定table的屬性border的值為0即可消除表格線。

html表格線怎麼去掉

本文操作環境:windows7系統、HTML5&&CSS3版,DELL G3電腦

border裡不要帶單位就可以,具體操作如下,首先新建一個HTML文件,寫入基本的結構,建立一個有邊框的表格:

html表格線怎麼去掉

#接下來設定table的屬性border的值為0,即可消除邊框,然後在style標籤中設定css樣式,給表格一個border-collapse的屬性,屬性值為collapse即可合併表格的邊框,顯得跟緊湊,最後給表格設定顏色,字體顏色等樣式美化一下:

html表格線怎麼去掉

最後開啟瀏覽器預覽效果,表格就是不帶邊框的了。以上就是html去除表格的操作了:

html表格線怎麼去掉

#推薦學習:《HTML影片教學

以上是html表格線怎麼去掉的詳細內容。更多資訊請關注PHP中文網其他相關文章!

相關標籤:
來源:php.cn
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板