关于css里设置个性化的logo

html-css014

关于css里设置个性化的logo,第1张

一般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 就可以了。

在css中div有一个属性叫做background

通过background:url(

http://1.com/1.gif

)

no-repeat

center

center

可以来设置。

这个设置最好在css中设置。因为dz的页面是系统自动生成的。

例子

如果你的div层的id为header

可以为header这个层设置一个高度在css中可以这样写

#header{background:url(

http://www.zptcbbs.cn/images/default/logo.gif

)

no-repeat

center

centerwidth:1234pxheight:257px}

css的用法有很多而且很灵活所以你如果想要使效果符合你心里面的想法,需要接触一下专业书籍如(苏沈小雨的css2.0手册等)