用DreamweaverCS6设计表格的大小,边框以及颜色

 时间:2024-11-12 21:59:35

在DreamweaverCS6中设计网页时,有时不仅仅只是对网页旅邯佤践进行设计,有时还需要设计表格。生活中很多地方会用到表飙空蒈开格,更多的时候需要对表格进行美化设计,这里进行了一些简单的表格设计介绍。希望能帮到你哦!

用DreamweaverCS6设计表格的大小,边框以及颜色

工具/原料

电脑

DreamweaverCS6

输入表格的数据

方法/步骤

1、打开DreamweaverCS6,新建一个html文档。选中“html”,点击“创建”按钮。

用DreamweaverCS6设计表格的大小,边框以及颜色

2、在<head></head>中加入<style隋茚粟胫type="text/css">稆糨孝汶;</style>,方便设计表格样式。

用DreamweaverCS6设计表格的大小,边框以及颜色

3、在<body></body>中加入<table></table>表格标签。其中,table是表格标签。

用DreamweaverCS6设计表格的大小,边框以及颜色

4、构建表格框架。其中<tr></tr>表示行,<td></td>表示列,<th></th>表示表头。(此处设定的是2个表头,3行2列)

用DreamweaverCS6设计表格的大小,边框以及颜色

5、在表格中输入内容。这里的表头是性别和姓名。

用DreamweaverCS6设计表格的大小,边框以及颜色

6、再将table,td,th{border:2pxsolid#F0F;}插焯拜芪恨入到<霜杼厮贿styletype="text/css"></style>中。其中,border:2px是边框宽度,可任意改。后面的是颜色。

用DreamweaverCS6设计表格的大小,边框以及颜色

7、完成效果如图所示。快去试试看吧!

用DreamweaverCS6设计表格的大小,边框以及颜色

Dreamweaver里设置文字链接效果 DW外观CSS如何配置上边距 FW怎么给图形填充颜色 Dreamweaver如何看到当前网页详细的结构 DW如何删除框架?
热门搜索
花木兰电影 巡洋舰图片 哥窑瓷器图片 初中英语手抄报图片 编辑图片软件