如何用CSS更改网站模板的LOGO?

html-css026

如何用CSS更改网站模板的LOGO?,第1张

这个logo的代码是:<img src="/Templates/green/images/1364876078.png" border="0" width="250" height="83">。

从代码可以看出logo的大小是250px * 83px,你先弄一张这个规格的logo图片,格式是png的,文件名是1364876078,即1364876078.png。然后上传到,"网站跟目录/Templates/green/images/"目录下,替换掉原来的logo文件就行了,无需这么麻烦的去改CSS,况且这跟CSS也没有半点关系。

由于有字数限制,不能写出所有详细步骤,所以这里不添加代码了,你可以自己搜索下添加修改css代码,然后按着操作走就可以了,但是提醒你,有些模板CSS代码不相同,新手不易操作,以防出错

把你找到的css代码当中的logo-site改成你网站包围logo的css即可(f12键审核元素,即可找到你的logo的css元素)。找到你logo的css名称然后把上面的css代码修改成你的css名称,放入css代码当中即可(防止出错,记得备份!)

以上就是logo添加css扫光效果的方法,当然你也可以运用到其他的地方。