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

在利用Visual Studio设计网页时 , 老是要建造表格 , 若何用form标签界说网页中表格的整体结构呢?笔者与大师分享一下操作经验 。

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

文章插图

需要这些哦
Visual Studio 2015
方式/
1【网页如何用form标签定义表格整体布局】起首 , 建立一个网页文件 , 找到body标签 。

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

文章插图

2body标签下 , 建立一个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标签定义表格整体布局

文章插图


以上内容就是网页如何用form标签定义表格整体布局的内容啦 , 希望对你有所帮助哦!

    推荐阅读