站长在线:给网站添加背景图片的详细教程

zhezhongyun 2024-12-10 22:04 29 浏览

今日，站长在线更新了mipdiy模板，在网站模板中，设置了背景图片。因为网站两边在高屏幕分辨率的显示器上面显示，两边有留白，不如显示自己设定的品牌广告。于是，想到就要做到，接下来，我来演示给大家看看，怎么在自己的网站里面添加网站背景图片，适合所有网站哦！

一、添加背景图片代码到css里面。

本站的css文件地址是/template/mipdiy/main/css/mipcms.css，那么我们就在这里面添加背景图片的文件到css里面，在原来的背景颜色代码：

background-color: #ECF0F1;

的下一行添加背景图片代码：

background-image: URL(/template/mipdiy/main/images/bj.png);

当然背景图片地址，你可以指定任意位置，比如根目录/bj.png也行，一般情况下根目录不要放太多的东西，所以放到模板文件夹里面的images文件夹里面去了。我这里这里是设置透明背景的png格式的文件，你可以可以设置jpg或者gif格式的文件。

二、上传背景图片到网站空间。

在我的模板设计中，默认背景图是没有的，那样不想添加背景图片的买来即可使用，如果想使用背景图片的，指定位置/template/mipdiy/main/images/上传bj.png即可。

三、关于背景图片这么做？

我这里都是网站名称+域名+核心广告语的模式。使用美图秀秀，新建一个200*200大小的透明文件，打上：

3.1、网站名称：站长在线

3.2、网站域名：www.olzz.com

3.3、网站核心广告语：建一个网站创一番事业。

打上文字以后，再调整一下倾斜度，自己看着美观就行了。

当然如果你们公司网站有自己设计logo的话，使用自己设计的logo，数字为黑白也行，如果是不透明的文件，可以设置一下透明度，让背景图片淡淡的显示即可，颜色太深或者太鲜艳也不好看。最后显示效果，直接看本站即可。

头条的朋友，点击下方了解更多查看效果哦！

HTML 背景

相关推荐