码迷,mamicode.com
首页 > 其他好文 > 详细

图像映射

时间:2014-11-02 17:58:16      阅读:163      评论:0      收藏:0      [点我收藏+]

标签:style   blog   http   color   ar   使用   sp   strong   div   

框用列表,列表项增加title属性,给每个<li>设置ID或class

div:长宽、相对定位

ul:margin、padding设置为0,去掉项目符号

链接:绝对定位、设为块元素,指定长宽, text-indent: -1000em;  /*去掉链接文字*/

链接:hover 边框

div 类名 a {
 top: 50px;
 left: 80px;
}

 

flickr风格

    <a href="http://twitter.com/nicepaul" title="Paul Annett">
    <span class="outer">
    <span class="inner">
    <span class="note">Paul Annett</span>
    </span>
    </span>
    </a>

 

 

远距离翻转

在锚链接内嵌套一个或多个元素,使用绝对定位对嵌套的元素分别定位。它们都包含在同一个父锚,可以对同一个鼠标悬停事件反应。

<li class="paul">
    <a href="http://twitter.com/nicepaul" title="Paul Annett">
    <span class="hotspot"></span>
    <span class="link">&raquo; Paul Annett</span>
    </a>
</li>

 

图像映射

标签:style   blog   http   color   ar   使用   sp   strong   div   

原文地址:http://www.cnblogs.com/surahe/p/4069352.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!