Dreamweaver中怎么讓html網(wǎng)頁(yè)中的table邊框細(xì)線顯示?

時(shí)間：2024-08-15 21:50:13 HTML DOM 我要投稿

相關(guān)推薦

關(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、首先打開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、然后讓我們開下點(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)看效果吧！

【Dreamweaver中怎么讓html網(wǎng)頁(yè)中的table邊框細(xì)線顯示?】相關(guān)文章：