网页设置怎么插入图片,网页中插入图片的位置如何设置

首页 > 实用技巧 > 作者:YD1662024-01-01 04:14:00

今日,站长在线更新了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即可。

网页设置怎么插入图片,网页中插入图片的位置如何设置(1)

(此图与原文无关)

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

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

3.1、网站名称:站长在线

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

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

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

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

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

栏目热文

文档排行

本站推荐

Copyright © 2018 - 2021 www.yd166.com., All Rights Reserved.