如何用body标签定义网页的布局格式

在利用Visual Studio编纂网页时, 可以用多种方式界说网页的结构格局, 笔者与大师分享一下利用body标签界说网页结构的操作方式 。

如何用body标签定义网页的布局格式

文章插图

需要这些哦
Visual Studio 2015
方式/
1用Visual Studio打开一个已有动态网页, 本例为upper.aspx网页文件 。

如何用body标签定义网页的布局格式

文章插图

2【如何用body标签定义网页的布局格式】网页中, 起首找到body标签 。

如何用body标签定义网页的布局格式

文章插图

3用style属性, 界说网页的结构格局 。

如何用body标签定义网页的布局格式

文章插图

4用border属性, 界说网页的边框, 边框的粗细为3, 颜色为蓝色 。

如何用body标签定义网页的布局格式

文章插图

5利用padding属性, 界说网页的衬距, 设置值为180像素 。

如何用body标签定义网页的布局格式

文章插图

6界说网页的边距, 用margin实现界说, 边距值为30像素 。

如何用body标签定义网页的布局格式

文章插图

7设置网页的布景色, 布景色值为绿色 。

如何用body标签定义网页的布局格式

文章插图

8设置网页中文字的字体大小, 设置字体大小为20像素 。

如何用body标签定义网页的布局格式

文章插图

9浏览网页, 页面的边框和布景等结构格局正常显示了 。

如何用body标签定义网页的布局格式

文章插图


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

    推荐阅读