如何在网页中用Visual Studio插入文本

用Visual Studio建造网页 , 必定要插入文字 , 若何用Visual Studio在网页中插入文字呢?笔者与大师分享一下操作经验 。

如何在网页中用Visual Studio插入文本

文章插图

需要这些哦
Visual Studio 2015
方式/
1【如何在网页中用Visual Studio插入文本】打开Visual Studio , 新建一个网站定名为TwoFish , 在网站中建造一个网页定名为Default.aspx 。

如何在网页中用Visual Studio插入文本

文章插图

2在网页代码中找到body标签 , 如下图所示 。

如何在网页中用Visual Studio插入文本

文章插图

3接着 , 找到div标签 , 位置如下图所示 。

如何在网页中用Visual Studio插入文本

文章插图

4先输入代码 , 界说文本的框架 。

如何在网页中用Visual Studio插入文本

文章插图

5此中 , height暗示文本框架的高度 , width暗示文本框架的宽度 , 本例都设置为300像素 。

如何在网页中用Visual Studio插入文本

文章插图

6padding-top为文本框架离顶部框架的衬距 , 本例为25像素 。

如何在网页中用Visual Studio插入文本

文章插图

7margin-left为文本框架与左边的距离 , margin-right为文本框架与右边的距离 , 本例都设置为auto 。

如何在网页中用Visual Studio插入文本

文章插图

8接着 , 界说文本语句的格局 , 如下图所示 。

如何在网页中用Visual Studio插入文本

文章插图

9文本位置设置为以网页左边为基准浮动 , 代码如下图所示 。

如何在网页中用Visual Studio插入文本

文章插图

10文本的字体设置为20号 , 颜色为蓝色 。

如何在网页中用Visual Studio插入文本

文章插图

11文本的高度为300像素 , 宽度为120像素 , 每一行的线高为60像素 , 离网页左边的衬距为60像素 。

如何在网页中用Visual Studio插入文本

文章插图

12最后 , 在网页中插入文本 。

如何在网页中用Visual Studio插入文本

文章插图

13浏览网页 , 在网页中当作功输出文本 , 本例为唐诗静夜思 。

如何在网页中用Visual Studio插入文本

推荐阅读