Re: 請問對選單做感應區
copy他的css
============================
<style>
div#links {position: absolute; top: 81px; left: 0; width: 166px; height:
700px; font: 16px Verdana, sans-serif; }
div#links a {display: block; text-align: center; font: bold 1em sans-serif;
padding: 5px 10px; margin: 0 0 1px; border-width: 0;
text-decoration: none; color: #FFC; background: #446688;
border-right: 5px solid #505050;}
div#links a:hover {color: #002244; background: #AAA;
border-right: 5px double white;}
div#links a span {display: none;}
div#links a:hover span {display: block;
position: absolute; top: 210px; left: 0; width: 125px;
padding: 5px; margin: 10px; z-index: 100;
color: #AAA; background: black;
font: 10px Verdana, sans-serif; text-align: center;}
</style>
<div id=links>
<a href=#>a <span>testa</span></a>
<a href=#>b <span>testb</span></a>
<a href=#>c <span>testc</span></a>
<a href=#>d <span>testd</span></a>
</div>
原來CSS也可以到達這樣的境界 XD
--
※ 發信站: 批踢踢實業坊(ptt.cc)
◆ From: 218.161.99.145
討論串 (同標題文章)
Web_Design 近期熱門文章
PTT數位生活區 即時熱門文章