在DreamweaverCS6中設計網頁時,有時不僅僅只是對網頁進行設計,有時還需要設計表格。
生活中很多地方會用到表格,更多的時候需要對錶格進行美化設計,這裡進行了一些簡單的表格設計介紹。希望能幫到你哦!
工具/原料
電腦
DreamweaverCS6
輸入表格的資料
方法/步驟
開啟DreamweaverCS6,新建一個html文件。
選中“html”,點選“建立”按鈕。
在
中加入
,方便設計表格樣式。
在
中加入
其中,table是表格標籤。
構建表格框架。
其中 表示行,表示列, 表示表頭。(此處設定的是2個表頭,3行2列)
在表格中輸入內容。
這裡的表頭是性別和姓名。
再將
table,td,th
{
border:2px solid #F0F;
}
插入到
中。
其中,border:2px是邊框寬度,可任意改。後面的是顏色。
完成效果如圖所示。快去試試看吧!
注意事項
在編輯時全部都要用英文輸入法。