div 怎么设置背景图片

作者:朋克周 | 创建时间: 2023-04-13
这里小编主要用到CSS的一些属性,小编做前端时也是经常用到设置背景图片的问题,那么小编说一些自己常用的方法...
div 怎么设置背景图片

操作方法

首先创建一个html文件一个css样式表文件,如图

在html文件中创建一个div,并且类命名为tab1,代码如图,网页效果如图所示,这里的背景我还使用纯色的背景,还没有用背景图片

在css文件中对div内容进行样式的设置,首先插入背景图片,因为背景图片的尺寸比div尺寸大出许多,所以网页显示出的背景只是背景图片的一部分,网页效果如图

对背景图片的尺寸大小以及设置是否重复显示背景图片,我这里是不重复显示,而且为了使整个div都是这个背景图片我使用了百分比进行设置,css代码如图,网页效果如图

点击展开全文

更多推荐