html怎么设置背景图片全屏平铺?


本文摘自PHP中文网,作者烟雨青岚,侵删。

html怎么设置背景图片全屏平铺?

1、新建一个html文档。

55d0718c7626deef8662f551960c7ae.png

2、设置一下HTML的框架,然后把图片设置在同一个文件夹里面。

ebaa123ad320ce5a42e402928af28cf.png

9f09a7a4672a517c677bd860fc1476b.png

3、加入<style type="text/css"></style>,这样可以有样式设置。

a6c17f00b9cd4c1c4faa1c5f81930f7.png

4、因为背景设置在主体,所以还要定义为body{}。

7958c97e8545f0f35199f4ce3cb09ed.png

5、background-image:url(图片),这个是添加图片的意思。

a3f0a03a7cb9208a2d3bc6da9a3d364.png

e3e310633e638a5852495e4d88035bc.png

6、然后我们需要加入background-repeat:repeat-x;这个时候就会横向平铺。如下图:

阅读剩余部分

相关阅读 >>

关于Html、js的一些用法小技巧

Html页面中引入外部Html文件的解决方案

Html中如何美化展示json格式数据

Html如何移除元素

Html/css/js是什么关系

Html怎么引入图片

Html blockquote怎么用?blockquote标签的用法介绍

Html中title啥意思

语义化的Html结构对布局的好处是什么?

网页设计是要学 php 还是 java

更多相关阅读请进入《Html》频道 >>




打赏

取消

感谢您的支持,我会继续努力的!

扫码支持
扫码打赏,您说多少就多少

打开支付宝扫一扫,即可进行扫码打赏哦

分享从这里开始,精彩与您同在

评论

管理员已关闭评论功能...