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

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

關(guān)于Dreamweaver中怎么讓html網(wǎng)頁中的table邊框細線顯示?

　　對于不是編程的我們，用Dreamweaver制作表格的情況下。默認表格邊框會標(biāo)的比較粗，今天給大家介紹下制作西表格超級簡單的方法。是復(fù)制一段CSS內(nèi)嵌樣式方法來制作細線表格，然后再通過bordercolor，讓邊框顏色產(chǎn)品變化。觀看起來更加美觀。

　　方法一：

　　1、首先打開DreamweaverCS6創(chuàng)建一個表格

　　2、邊框粗細為1像素，單元格邊距和間距為零。（默認狀態(tài)即可）

　　方法二：

　　1、我們點實時視圖看預(yù)覽的表格邊框比較粗，實際上在瀏覽器觀看也是一樣的，我就不貼圖了。

　　2、在table標(biāo)簽里面添加一個style內(nèi)嵌樣式，復(fù)制下面的代碼。

　　復(fù)制內(nèi)容到剪貼板 style=" border-collapse:collapse; border-width:thin; border-style:solid;"

　　3、然后讓我們開下點下圖片里的實際視圖。一目了然。按道理說應(yīng)該完善了。但是如果有需要的話，加點顏色會更好。

　　方法三：

　　1、按圖所示，最重要的一點，我沒有點實際視圖，是方面給大家演示出來的效果。

　　2、然后可以根據(jù)大家的需求來選擇。我們直接來看效果吧！

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