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

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

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

　　方法一：

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

　　2、邊框粗細(xì)為1像素，單元格邊距和間距為零。（默認(rèn)狀態(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邊框細(xì)線顯示?】相關(guān)文章：

網(wǎng)頁中HTML5與CSS3的應(yīng)用03-31

Dreamweaver網(wǎng)頁優(yōu)化技巧03-05

HTML語言的網(wǎng)頁教程03-29

在excel圖表中如何顯示上下標(biāo)03-07

cad怎么設(shè)置圖框的邊框03-03

在word2010文檔中怎么查看顯示或隱藏文字04-04

關(guān)于顯示html,行內(nèi)標(biāo)簽?zāi)Ｊ降臏\談03-30

在excel圖表中顯示上下標(biāo)的辦法03-07

Flash在網(wǎng)頁設(shè)計中的應(yīng)用方式03-18