當前位置:才華齋>設計>網頁設計>

關於Dreamweaver中怎麼讓html網頁中的table邊框細線顯示?

網頁設計 閱讀(2.41W)

對於不是程式設計的我們,用Dreamweaver製作表格的`情況下。預設表格邊框會標的比較粗,今天給大家介紹下製作西表格超級簡單的方法。是複製一段CSS內嵌樣式方法來製作細線表格,然後再通過bordercolor,讓邊框顏色產品變化。觀看起來更加美觀。

關於Dreamweaver中怎麼讓html網頁中的table邊框細線顯示?

方法一:

1、首先開啟DreamweaverCS6建立一個表格

2、邊框粗細為1畫素,單元格邊距和間距為零。(預設狀態即可)

方法二:

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

2、在table標籤裡面新增一個style內嵌樣式,複製下面的程式碼

複製內容到剪貼簿 style=" border-collapse:collapse; border-width:thin; border-style:solid;"

3、然後讓我們開下點下圖片裡的實際檢視。一目瞭然。按道理說應該完善了。但是如果有需要的話,加點顏色會更好。

方法三:

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

2、然後可以根據大家的需求來選擇。我們直接來看效果吧!