logo 怎么写进CSS里面

来源：百度知道编辑：UC知道时间：2024/05/12 07:58:17

logo 怎么写进CSS里面
能否给个详细说明
像这样站的一样：http://www.duote.com/
你们说的，不能像多特站的。
/* 网站LOGO的css定义 */
#logo{
width: 213;
height: 114;
float:left;
background:url(/images/logo.gif) no-repeat;
}

页面调用：<a href=""><div id="logo"></div></a>

调出来的怎么有：背景另存为这个呢，

调不出来像多特这样的效果呢：http://www.duote.com/

用CSS背景和定义。

<div class="logo" title="网站名称"><a href="/"><h1>网站名称</h1></a></div>
<style>
.logo{width:200px;height:80px;background:url(/images/logo.png) no-repeat;}
.logo h1{text-indent:-9999px;width:200px;height:80px;overflow:hidden;}
</style>

CSS（层叠样式表）级联样式表是一种用来表现HTML（标准通用标记语言的一个应用）或XML（标准通用标记语言的一个子集）等文件样式的计算机语言。

html中这样写
<span class="logo" title=""><a href="/"></a></span>
css中这样写
.logo{width:200px;height:70px;background-image:url(/img/logo.gif);background-position:10px 4px;float:left;background-repeat:no-repeat}

.logo a{width:207px;height:70px;display:block}
和那个多特软件站的一样。试试，绝对没有问题