html5教程 如何加背景图片

html5教程 如何加背景图片,第1张

html5加背景图片可以通过:

1.首先可以去写一个div,然后这个div当然宽高是一定要有,然后在div中去设置要的背景图片,是否重复等属性,repaet这个来设置,no-repeat(是不重族皮亏复)、repeat-x(沿着x轴重复)、repeat-y(兆神沿着Y轴重复)这里我提交一段代码:

<div id = 'test'></div>

<style>

#test{

width:300px

height:400px

background:url('图片的地址')no-repeat

}

</style>握中

这样背景图片就设置好了!

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% */

 }

}

效果如:

html5+css3导航条的背景图片春铅添加,可以用html的img标签添加。

也可以利用css的background标凯信签插入。

html5+css3于2013年6月出版,HTML就是扒孙好构成网页的主要语言。


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

原文地址: http://outofmemory.cn/bake/11993251.html

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

发表评论

登录后才能评论

评论列表(0条)

保存