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

html-css069

如何用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也没有半点关系。

一般logo都是设置到logo容器里面的背景。

把承载logo的容器的height值改的和图片的高度一致就可以了。

例如,logo大小为150px * 50px:

<!-- html部分 -->

<h1><a href="http://www.163.com">个人网站</a></h1>

/* CSS 部分 */

h1 { width: 150pxheight:50px}

h1 a { display:blockwidth:150pxheight:50pxtext-indent:-30px}

换成了150px * 65px 的就把CSS 部分h1和h1 a 里面的height改成65px 就可以了。

呵呵,不用100%,如果你logo 是图片样式的话,直接将图片大小改为多大。如果图片不够,你的图片就会被拉伸。img 标签改就可以啦,想多大,就多大。

100%不可靠。谢谢咧