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

 时间:2024-10-13 16:41:04

1、打开Visual Studio,新建一个噩荜务圃网站命名为TwoFish,在网站中制作一个网页命名为Default.aspx。

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

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

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

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

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

4、先输入代码,定义文本的框架。

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

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

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

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

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

7、margin-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插入文本
  • VS如何开启解决方案资源管理器
  • python如何实现多行注释
  • 写C语言的头文件
  • vb中如何动态加载音乐
  • Keil uVision4怎么关闭自动缩进
  • 热门搜索
    手抄报板块设计图 我爱科学手抄报内容 遵纪守法手抄报内容 地理手抄报图片 爱读书手抄报内容 正月十五元宵节手抄报 寻访红色足迹手抄报 电子版手抄报 诚信的手抄报图片 规范语言文字手抄报