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

 时间:2026-02-14 01:49:15

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:2px solid  #F0F;  

    }

插入到

    <style type="text/css">

    </style>中。

其中,border:2px是边框宽度,可任意改。后面的是颜色。

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

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

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

  • Dreamweaver里设置文字链接效果
  • DW外观CSS如何配置上边距
  • FW怎么给图形填充颜色
  • Dreamweaver如何看到当前网页详细的结构
  • DW如何删除框架?
  • 热门搜索
    安全手抄报的内容 卫生城市手抄报 创卫手抄报设计图 关于战争的手抄报 安全法制教育手抄报 感恩英语手抄报内容 八十天环游地球手抄报 创建文明城手抄报 积极向上的手抄报 敬廉崇洁手抄报资料