网页如何用form标签定义表格整体布局

时间:2024-10-14 12:28:48

1、首先,创建一个网页文件,找到body标签。

网页如何用form标签定义表格整体布局

2、body标签下,创建一个form标签,如下图所示。

网页如何用form标签定义表格整体布局

3、框架中,先定义标识,本例标识名为frame1。

网页如何用form标签定义表格整体布局

4、使用runat属性设置,使对象运行在服务器上。

网页如何用form标签定义表格整体布局

5、用style样式定义表格的布局,设置表格的高度为260像素。

网页如何用form标签定义表格整体布局

6、设置表格的间距为33像素,用margin属性设置。

网页如何用form标签定义表格整体布局

7、用border属性给表格定义一个边框,宽度为6像素,颜色为红色。

网页如何用form标签定义表格整体布局

8、设置表格的背景色为绿色,用background-color实现定义。

网页如何用form标签定义表格整体布局

9、最后,设置表格的字体大小为20像素。

网页如何用form标签定义表格整体布局

10、浏览网页,可以看到表格的布局,背景为绿色,表格边框为红色。

网页如何用form标签定义表格整体布局
© 手抄报圈