對(duì)于HTML表格邊框的設(shè)置的技巧
發(fā)表時(shí)間:2023-09-07 來(lái)源:明輝站整理相關(guān)軟件相關(guān)文章人氣:
[摘要]下面為大家?guī)?lái)一篇有關(guān)HTML表格邊框的設(shè)置小技巧。內(nèi)容挺不錯(cuò)的,現(xiàn)在分享給大家,也給大家做個(gè)參考對(duì)于很多初學(xué)HTML的人來(lái)說(shuō),表格<table>是最常用的標(biāo)簽了,但對(duì)于表格邊框的控制,很多初學(xué)者卻不甚其解。一般我們用表格的時(shí)候總會(huì)給它個(gè)border屬性,比如:<table bo...
下面為大家?guī)?lái)一篇有關(guān)HTML表格邊框的設(shè)置小技巧。內(nèi)容挺不錯(cuò)的,現(xiàn)在分享給大家,也給大家做個(gè)參考
對(duì)于很多初學(xué)HTML的人來(lái)說(shuō),表格<table>是最常用的標(biāo)簽了,但對(duì)于表格邊框的控制,很多初學(xué)者卻不甚其解。
一般我們用表格的時(shí)候總會(huì)給它個(gè)border屬性,比如:<table border="1">,其效果如下:

對(duì)于很多初學(xué)HTML的人來(lái)說(shuō),表格<table>是最常用的標(biāo)簽了,但對(duì)于表格邊框的控制,很多初學(xué)者卻不甚其解。
一般我們用表格的時(shí)候總會(huì)給它個(gè)border屬性,比如:<table border="1">,其效果如下:

但是,好像寬度還是沒(méi)有我們想象的那樣:只有一個(gè)像素的寬,其實(shí),上圖大家看到的其實(shí)是兩個(gè)像素的寬,為什么呢,這是因?yàn)?lt;td>之間的邊框沒(méi)有重合所致。修改表格的border-collapse屬性即可,
即
<table border="1px" cellspacing="0px" >

再給表格加個(gè)顏色,
<table border="1px" bordercolor="#000000" cellspacing="0px" >

以上就是本文的全部?jī)?nèi)容,希望對(duì)大家的學(xué)習(xí)有所幫助,更多相關(guān)內(nèi)容請(qǐng)關(guān)注PHP中文網(wǎng)!
相關(guān)推薦:
HTML中使背景圖片自適應(yīng)瀏覽器大小
實(shí)例詳解PHP中html word 互轉(zhuǎn)的方法
以上就是關(guān)于HTML表格邊框的設(shè)置的技巧的詳細(xì)內(nèi)容,更多請(qǐng)關(guān)注php中文網(wǎng)其它相關(guān)文章!
網(wǎng)站建設(shè)是一個(gè)廣義的術(shù)語(yǔ),涵蓋了許多不同的技能和學(xué)科中所使用的生產(chǎn)和維護(hù)的網(wǎng)站。