Dreamweaver製作table細線表格邊框《簡單版》?

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

工具/原料

Adobe Dreamweaver CS6

方法/步驟

首先開啟Dreamweaver CS6建立一個表格

Dreamweaver製作table細線表格邊框《簡單版》

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

Dreamweaver製作table細線表格邊框《簡單版》

方法/步驟2

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

Dreamweaver製作table細線表格邊框《簡單版》

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

style="

border-collapse:collapse;

border-width:thin;

border-style:solid;"

Dreamweaver製作table細線表格邊框《簡單版》

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

Dreamweaver製作table細線表格邊框《簡單版》

方法/步驟3

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

Dreamweaver製作table細線表格邊框《簡單版》

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

Dreamweaver製作table細線表格邊框《簡單版》

注意事項

經驗內容僅供參考,如果您需解決具體問題(尤其法律、醫學等領域),建議您詳細諮詢相關領域專業人士。

相關問題答案