在html中插入整个页面的背景图

操作方法

    01先做一个简单的HTML页面,页面里只有一个p和一段文字 。
    在html中插入整个页面的背景图

    文章插图
    02要添加整个页面的背景图片,我们就只能把背景加到body标签里了,所以我们在body里添加一个样式,叫‘bg’
    在html中插入整个页面的背景图

    文章插图
    03然后定义这个bg的样式规则,主要就是添加background-image样式,就是添加背景图 。
    background-repeat是让背景图铺满整个页面 。
    在html中插入整个页面的背景图

    文章插图
    04看下页面的效果,可以看到现在整个页面都铺满了蝴蝶这张图片了 。为了更好的效果,大家可以更换一张更好看的背景图 。
    在html中插入整个页面的背景图

    文章插图

【在html中插入整个页面的背景图】