Question

网页设计 html css

要实现这样的效果 点击价值时有链接效果 就是下滑线 如果用热点做满足不了吧 现在已经切好图了 但是不知道怎么实现 哪位高人 指点一下 十分感谢 解决了的话另外加五十分

Answer 1

用div的浮动布局，父元素为绝对定位，子元素根据父元素的位置进行相对定位。
css:
.box{
position:absolute;
}
.box1{
display:block;
width:10px;
height:20px;
position:relative;
left:10px;
top:10px;
}
.box2{
display:block;
width:10px;
height:20px;
position:relative;
left:20px;
top:20px;
}
.box3{
display:block;
width:10px;
height:20px;
position:relative;
left:30px;
top:30px;
}
.box4{
display:block;
width:10px;
height:20px;
position:relative;
left:40px;
top:40px;
}
html:
<div class="box">
<a href="#" class="box1"></a>
<a href="#" class="box2"></a>

<a href="#" class="box3"></a>

<a href="#" class="box4"></a>
</div>

Answer 2

用DIV，相对浮动，做出来六个DIV，把价值内容做成文本格式，不用热区

Answer 3

这个比较麻烦，重点在调整位置，而且还得防止变形，需要一点时间，