用DreamweaverCS6設計表格的大小,邊框以及顏色?

在DreamweaverCS6中設計網頁時,有時不僅僅只是對網頁進行設計,有時還需要設計表格。

生活中很多地方會用到表格,更多的時候需要對錶格進行美化設計,這裡進行了一些簡單的表格設計介紹。希望能幫到你哦!

用DreamweaverCS6設計表格的大小,邊框以及顏色

工具/原料

電腦

DreamweaverCS6

輸入表格的資料

方法/步驟

開啟DreamweaverCS6,新建一個html文件。

選中“html”,點選“建立”按鈕。

用DreamweaverCS6設計表格的大小,邊框以及顏色

中加入,方便設計表格樣式。

用DreamweaverCS6設計表格的大小,邊框以及顏色

中加入

表格標籤。

其中,table是表格標籤。

用DreamweaverCS6設計表格的大小,邊框以及顏色

構建表格框架。

其中 表示行,表示列, 表示表頭。(此處設定的是2個表頭,3行2列)

用DreamweaverCS6設計表格的大小,邊框以及顏色

在表格中輸入內容。

這裡的表頭是性別和姓名。

用DreamweaverCS6設計表格的大小,邊框以及顏色

再將

table,td,th

{

border:2px solid #F0F;

}

插入到

中。

其中,border:2px是邊框寬度,可任意改。後面的是顏色。

用DreamweaverCS6設計表格的大小,邊框以及顏色

完成效果如圖所示。快去試試看吧!

用DreamweaverCS6設計表格的大小,邊框以及顏色

注意事項

在編輯時全部都要用英文輸入法。

相關問題答案