將文本追加到鏈接上的鏈接

我已經搜索了試管並試圖找到一種方法來完成此操作，但我只是想在我的鏈接上添加>大於號的符號。我不想使用圖像，我試圖避免表格等。看，我在做前端，我是一個後端人。所以我理解這些概念，只是不要把它們付諸實踐。將文本追加到鏈接上的鏈接

這裏是代碼，不知道它是否有很大的幫助。

<ul> 
    <li><a href="#">About Us</a></li>

和CSS

li a:hover { 
    font-size: 12px; 
    text-transform: uppercase; 
    color: #FC3; 
    padding-left: 15px; 
    height: 1px; 
    width: 1px; 
    border: thin solid #fff; 
    padding-top: 10px; 
    padding-right: 15px; 
    padding-bottom: 10px; 
}

我知道，這不是漂亮，獵槍婚禮與CSS的想法是不高的我對今天的事情做就行了。任何幫助，將不勝感激。

我基本上希望它說：「關於我們」，當盤旋時。

來源

2010-10-16 willkot

也許最簡單的跨瀏覽器的解決方案：

<a href="#">About Us <span class="showme">&gt;</span></a> 

.... 

li a span.showme { display: none } 

li a:hover span.showme { display: block }

，如果你不希望鏈接徘徊時改變其大小，使用visibility: hidden/visible代替display。

來源

2010-10-16 15:53:44

li a:hover { 
    font-size: 12px; 
    text-transform: uppercase; 
    color: #FC3; 
    padding-left:15px; 
    height: 1px; 
    width: 1px; 
    border: thin solid #fff; 
    padding-top: 10px; 
    padding-right: 15px; 
    padding-bottom: 10px; 
} 
li a:hover:after { 
    content: " &gt;"; 
}

應該這樣做。

來源

2010-10-16 15:55:02

將文本追加到鏈接上的鏈接

回答

相關問題