如何把logo图片用文字替换
时间:2010-12-17 来源:kkkgp
如何把logo图片用文字替换:
举例说明:
<div id="header">
<h1>
<a title="上海SEO" href=“http://www.ycseo.org”>上海seo</a>
</h1>
</div>
下面是css代码
#header h1 a {
text-indent: -9999em; /*文字缩进,在屏幕里面看不到*/
display: block; /*设定 a 为块级元素,必须的*/
background: url('images/logo.gif') no-repeat 0 0; /*你要作为 Logo 的图片,放在主题文件夹下的 images 文件夹里吧*/
/*图片高度,你的图片多高就写多少*/
width: 150px; /*图片宽度,你懂的*/
margin-top: 20px; /*Logo 跟页面顶部的间距,看你自己需求而定,不用间开就直接删除吧*/
}
看明白了么?红色的部分就是重点,看不明白的,留言解答。
作者:上海seo筱巍
文章标题:如何把logo图片用文字替换
转载请注意带上链接:http://www.ycseo.org/172.html
举例说明:
<div id="header">
<h1>
<a title="上海SEO" href=“http://www.ycseo.org”>上海seo</a>
</h1>
</div>
下面是css代码
#header h1 a {
text-indent: -9999em; /*文字缩进,在屏幕里面看不到*/
display: block; /*设定 a 为块级元素,必须的*/
background: url('images/logo.gif') no-repeat 0 0; /*你要作为 Logo 的图片,放在主题文件夹下的 images 文件夹里吧*/
/*图片高度,你的图片多高就写多少*/
width: 150px; /*图片宽度,你懂的*/
margin-top: 20px; /*Logo 跟页面顶部的间距,看你自己需求而定,不用间开就直接删除吧*/
}
看明白了么?红色的部分就是重点,看不明白的,留言解答。
作者:上海seo筱巍
文章标题:如何把logo图片用文字替换
转载请注意带上链接:http://www.ycseo.org/172.html
相关阅读 更多 +