CSS代码怎么把小图片设为背景图

在网页开发中 , 我们经常会使用图片来作为背景 , 来美化页面 。 那么在CSS代码里是怎么把小图片设为背景图的?下面来看一下 。 操作方式 01 起首看下html代码 , 一个空的div , 什么内容都还没放上 。

CSS代码怎么把小图片设为背景图

文章插图

02 为这个div写上一些美化的样式 。

CSS代码怎么把小图片设为背景图

文章插图

03 刷新页面 , 看下结果 , 此刻就是显示一个有边框的div 。

CSS代码怎么把小图片设为背景图

文章插图

04 要用css为这个div加上布景图片 , 只需要加上background-image的样式 , 后面的值就是图片的地址了 。
background-image: url(12.jpg);

CSS代码怎么把小图片设为背景图

文章插图

05 【CSS代码怎么把小图片设为背景图】刷新页面看下此刻的结果 , 可以看到div已经加上图片布景了 。

CSS代码怎么把小图片设为背景图

文章插图



以上内容就是CSS代码怎么把小图片设为背景图的内容啦 , 希望对你有所帮助哦!

    推荐阅读