做純文字的選單就不能像圖片按鈕一樣換字嗎? 誰說的?
|
<style type="text/css">
<!--
.menu {
position: relative;
width: 150px;
border: 1px solid #8B4513;
}
.menu a {
display: block;
width: 100%;
height: 20px;
line-height: 20px;
background-color: #CD853F;
color: #603000;
font-size: 10pt;
text-decoration: none;
text-align: center;
}
.menu a span.one, .menu a:hover span.two {display: inline;}
.menu a:hover span.one, .menu a span.two {display: none;}
.menu a:hover {
background-color: #FFDDBB;
color: #000000;
}
-->
</style>
<body><div class="menu">
<a href="#"><span class="one">連結1</span>
<span class="two">Link 1</span></a>
<a href="#"><span class="one">連結2</span>
<span class="two">Link 2</span></a>
<a href="#"><span class="one">連結3</span>
<span class="two">Link 3</span></a>
<a href="#"><span class="one">連結4</span>
<span class="two">Link 4</span></a>
<a href="#"><span class="one">連結5</span>
<span class="two">Link 5</span></a>
</div>
|
來看看怎麼顯示不一樣的連結字：
留言列表
留言列表
