网页如何用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标签定义表格整体布局的内容啦 , 希望对你有所帮助哦!

    猜你喜欢