html怎样添加f盘里背景图片

html怎样添加f盘里背景图片,第1张

用html标签插入图片,这里直接在img标签中使用src属性;

用css插入,在div中设置class属性为img2,在script标签中使用background标签插入。

本教程 *** 作环境:windows7系统、html5版,DELLG3电脑。

html导入背景图的方法

插入背景图片有两种方法,一种是用html的img标签,另一种是利用css的background标签插入。具体 *** 作是首先新建一个html文件,写入两个div,分别用来演示两种方法插入标签。

具体方法如下:

<img src="图片路径" alt="图片描述">

例:<img src="img/pro1.png" alt="">

html5中设置整页背景图片的方法是利用css3样式:

  /* Set up proportionate scaling */

  width: 100%

  height: auto

  /* Set up positioning */

  position: fixed

  top: 0

  left: 0

}

@media screen and (max-width: 1024px) { /* Specific to this particular image */

  img.bg {

    left: 50%

    margin-left: -512px   /* 50% */

  }

}

html5中设置整页背景图片的方法是利用css3样式:

写法如下:

img.bg {

 /* Set rules to fill background */

 min-height: 100%

 min-width: 1024px

 /* Set up proportionate scaling */

 width: 100%

 height: auto

 /* Set up positioning */

 position: fixed

 top: 0

 left: 0

}

@media screen and (max-width: 1024px) { /* Specific to this particular image */

 img.bg {

   left: 50%

   margin-left: -512px  /* 50% */

 }

}

效果如:


欢迎分享,转载请注明来源:内存溢出

原文地址: http://outofmemory.cn/zaji/7508784.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2023-04-06
下一篇 2023-04-06

发表评论

登录后才能评论

评论列表(0条)

保存