微信电脑版 coreldraw x6 驱动人生 EasyRecovery 易企秀
PC下载网
PC下载网 > 软件教程 > 编程开发 > 

vs2013(Visual Studio 2013)中网页设置在固定位置插入图片的详细操作步骤

vs2013(Visual Studio 2013)中网页设置在固定位置插入图片的详细操作步骤

编辑:小靖子 来源:互联网 时间:2019-07-19 16:58:41

  • 相关下载1

vs2013(Visual Studio 2013)

vs2013(Visual Studio 2013)

大小:2.78GB 语言:简体中文

类型:编程开发 等级:

立即下载 查看详情

说到vs2013(Visual Studio 2013)软件,相信在座的同学们都不陌生,今日在这里小编就为你们带来了vs2013(Visual Studio 2013)中网页设置在固定位置插入图片的详细操作步骤。

首先打开(Visual Studio 2013)软件,创建一个网站页面

然后我们找到body和div标签,如下图所示。

1.png

接着找到页面布局代码的最里面的一个div,如下图所示。

2.png

再设置输入图片的宽和高。

3.png

width表示图片的宽,本例设置为280像素,height表示图片的高,本例为160像素。

4.png

接下来在网页中插入所需的图片,如下图所示。

5.png

代码中src描述图片存放的路径,本例存放在images文件夹中。

6.png

margin-left表示图片离网页左侧的距离,本例中将距离值设置为300像素。

7.png

这时候在网页上右击,选择在浏览器中查看选项。

8.png

最后网页在浏览器中打开后,插入的图片在设置好的位置上显示了。

9.png

按照上文为你们讲解的(Visual Studio 2013)中网页设置在固定位置插入图片的详细操作步骤,你们是不是都学会了呀!

PC下载站网友:
共有12条评论
返回顶部