小編給大家分享一下Dreamweaver如何設計彩色邊框的表格，相信大部分人都還不怎么了解，因此分享這篇文章給大家參考一下，希望大家閱讀完這篇文章后大有收獲，下面讓我們一起去了解一下吧！

創新互聯專注為客戶提供全方位的互聯網綜合服務，包含不限于成都網站制作、網站建設、外貿網站建設、廉江網絡推廣、小程序開發、廉江網絡營銷、廉江企業策劃、廉江品牌公關、搜索引擎seo、人物專訪、企業宣傳片、企業代運營等，從售前售中售后，我們都將竭誠為您服務，您的肯定，是我們最大的嘉獎；創新互聯為所有大學生創業者提供廉江建站搭建服務，24小時服務熱線：18980820575，官方網址：www.2m8n56k.cn

1、啟動Adobe Dreamweaver軟件，單擊歡迎界面窗口中的新建HTML按鈕，創建一個新的空白網頁文檔。

2、保存文檔后，將Dreamweaver窗口右上角的工作區布局更改為“經典”布局方式，這樣可以讓“插入”面板顯示出來。

3、單擊“常用”面板當中的“插入表格”按鈕，彈出“表格”對話框，設置插入的表格為3行3列，寬度600像素（大家可以根據自己的需要設置行列以及寬度值），邊框粗細、單元格邊距和間距均設置為0，我們等會用CSS樣式來控制它們。

4、表格插入后，在單元格中任意輸入文本。然后單擊Dreamweaver窗口右邊“CSS樣式”浮動面板上的“新建CSS樣式規則”按鈕，彈出“新建CSS規則”對話框。

5、在“新建CSS規則”對話框的“選擇器類型”下拉列表中選擇“標簽（重新定義HTML元素）”選項，“選擇器名稱”的下拉列表中選擇“table”也就是表格的標簽，“規則定義”選項默認為“僅限該文檔”（如果需要對其他文檔中的表格也使用此樣式可更改此選項）。

6、單擊“確定”按鈕后打開“table的CSS規則定義”對話框，選擇左邊“分類”選項中的“邊框”項，我們來對表格的外邊框進行設置。將右邊窗口中“樣式”、“邊框”、“顏色”欄下“全部相同”的復選框取消勾選，因為對于表格我們只設置上邊和左邊的邊框樣式，上和左的“樣式”選擇“solid（實線）”，“寬度”填入數值2px（細邊框表格此處填1像素），顏色可以任意選擇自己喜歡的顏色。單擊“確定”按鈕完成對于表格的樣式設置。

7、再次返回Dreamweaver窗口，單擊右邊“CSS樣式”浮動面板上的“新建CSS樣式規則”按鈕，彈出“新建CSS規則”對話框。這次我們在“新建CSS規則”對話框的“選擇器名稱”的下拉列表中選擇“td”也就是單元格的標簽，其他選項同上。

8、單擊“確定”按鈕后打開“td的CSS規則定義”對話框，先選擇左邊“分類”選項中的“區塊”項，我們把“文本對齊”方式設置為“center（居中）”，讓單元格中的文本都居中對齊。

9、然后選擇左邊“分類”選項中的“方框”項，默認勾選“填充”欄中“全部相同”的復選框，填入數值5px，讓單元格內的文字與單元格四周的距離均為5像素。

10、最后選擇左邊“分類”選項中的“邊框”項，我們來對單元格的邊框進行設置。將右邊窗口中“樣式”、“邊框”、“顏色”欄下“全部相同”的復選框取消勾選，因為對于單元格我們只設置右邊和下邊的邊框樣式，右和下的“樣式”選擇“solid（實線）”，“寬度”填入數值2px（細邊框表格此處填1像素），顏色可以任意選擇自己喜歡的顏色。單擊“確定”按鈕完成對于單元格的樣式設置。

11、單擊“確定”按鈕完成制作。保存文檔后預覽最終頁面表格效果，可以看到漂亮的彩色邊框表格。

以上是“Dreamweaver如何設計彩色邊框的表格”這篇文章的所有內容，感謝各位的閱讀！相信大家都有了一定的了解，希望分享的內容對大家有所幫助，如果還想學習更多知識，歡迎關注創新互聯行業資訊頻道！

網頁名稱：Dreamweaver如何設計彩色邊框的表格
鏈接地址：http://www.2m8n56k.cn/article38/jphcsp.html

成都網站建設公司_創新互聯，為您提供建站公司、虛擬主機、標簽優化、ChatGPT、營銷型網站建設、品牌網站設計

廣告

聲明：本網站發布的內容（圖片、視頻和文字）以用戶投稿、用戶轉載內容為主，如果涉及侵權請盡快告知，我們將會在第一時間刪除。文章觀點不代表本網站立場，如需處理請聯系客服。電話：028-86922220；郵箱：[email protected]。內容未經允許不得轉載，或轉載時需注明來源： 創新互聯