關(guān)于Dreamweaver中怎么讓html網(wǎng)頁(yè)中的table邊框細(xì)線顯示?
對(duì)于不是編程的我們,用Dreamweaver制作表格的`情況下。默認(rèn)表格邊框會(huì)標(biāo)的比較粗,今天給大家介紹下制作西表格超級(jí)簡(jiǎn)單的方法。是復(fù)制一段CSS內(nèi)嵌樣式方法來(lái)制作細(xì)線表格,然后再通過(guò)bordercolor,讓邊框顏色產(chǎn)品變化。觀看起來(lái)更加美觀。
方法一:
1、首先打開(kāi)DreamweaverCS6創(chuàng)建一個(gè)表格
2、邊框粗細(xì)為1像素,單元格邊距和間距為零。(默認(rèn)狀態(tài)即可)
方法二:
1、我們點(diǎn)實(shí)時(shí)視圖看預(yù)覽的表格邊框比較粗,實(shí)際上在瀏覽器觀看也是一樣的,我就不貼圖了。
2、在table標(biāo)簽里面添加一個(gè)style內(nèi)嵌樣式,復(fù)制下面的代碼。
復(fù)制內(nèi)容到剪貼板 style=" border-collapse:collapse; border-width:thin; border-style:solid;"
3、然后讓我們開(kāi)下點(diǎn)下圖片里的實(shí)際視圖。一目了然。按道理說(shuō)應(yīng)該完善了。但是如果有需要的話,加點(diǎn)顏色會(huì)更好。
方法三:
1、按圖所示,最重要的一點(diǎn),我沒(méi)有點(diǎn)實(shí)際視圖,是方面給大家演示出來(lái)的效果。
2、然后可以根據(jù)大家的需求來(lái)選擇。我們直接來(lái)看效果吧!
【關(guān)于Dreamweaver中怎么讓html網(wǎng)頁(yè)中的table邊框細(xì)線顯示?】相關(guān)文章:
1.HTML網(wǎng)頁(yè)設(shè)計(jì)中的字體設(shè)計(jì)
2.怎么用Dreamweaver對(duì)網(wǎng)頁(yè)進(jìn)行優(yōu)化
3.了解HTML中table表格的frame和rules屬性