CSS基础（二十四）--Background背景之background-image平铺图片堆叠显示

随笔记录方便自己和同路人查阅，学习CSS时最好先学会HTML。

#------------------------------------------------我是可耻的分割线-------------------------------------------

background-image:url('1.jfif')表示加载一个图片，并堆叠平铺图片在该标签中，及如果标签长宽大于图片长宽，该图片就会重复出现平铺在该标签长宽内

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<body>
    <div style="background-image:url('4.png');width:9000px;height:9000px"></div>
</body>
</html>

效果：

 

posted @ 2019-09-27 09:07  李荣洋  阅读(2729)  评论(0)  编辑  收藏  举报