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;这个时候就会横向平铺。如下图:

阅读剩余部分

相关阅读 >>

什么是head标签 ?Html中head标签的介绍

Html的<body> 标签

xml和Html分别是什么类型的文件

Html图片的img标签怎样使用

vue文件中Html代码格式化方法

如何用Html标记语言编写一个简单的网页

Html中强制换行的标记是什么

关于Html操作滚动条的方法

使用Html5可以干什么?Html5的优势和劣势(总结)

Html keygen标签怎么用

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




打赏

取消

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

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

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

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

评论

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