一个可以链接的LOGO编辑

标签：属性   透明   其他   bsp   display   图片   back   网页   方法   

在这所用的方法是：css

首先你要定义一个超链接，使用a标记如：

<h1>
    <a href="跳转的网页">文字</a>
</h1>

这个h1可以是其他的块级元素，也可以是行类元素，但是要用display:block转换成行类块级元素。

属性：

方法1.

h1{
    width: 10px;
    height: 10px;  
    background-image: url("图片名称");     
    overflow: hidden;                      超出的部分隐藏
}
h1 a{
    display: block;                        行类转成块级 
    line-height: 700px;                     定义了行高使内容超出父级的宽高，就看不见内容了
}
方法2.

h1{
    width: 10px;
    height: 10px;  
    background-image: url("图片名称"); 
}

h1 a{

color: transparent;     内容颜色定义为透明，也看不见了

}
方法3.对a 使用缩进  text-indent：-50px  也看不见


最直接的方法就是：直接a里面插入图片。但是不符合语义化。

<h1>
    <a href="跳转的网页">

　　　　<img src="路径" alt="图片"/>

　　　</a>
</h1>

一个可以链接的LOGO编辑

标签：属性   透明   其他   bsp   display   图片   back   网页   方法   

原文地址：http://www.cnblogs.com/tt212/p/6538832.html