Re: [問題] 改變超連結 href 底線顏色?

看板Web_Design作者sekihusky (屎面人)時間19年前 (2006/06/14 10:37)推噓1(1推 0噓 0→)

留言1則, 1人參與討論串2/2 (看更多)

用CSS吧 ※ 引述《logs ()》之銘言： : 請問要如何作出不同於文字顏色的底線? : 這裡有個很簡單的範例： : http://www.google.com.tw/ : 就是上面這個，有用 PCMan / KKMan 等等的程式瀏覽 ptt 時應該就會看到了 : 我查過文件，上頭寫道: : 超連結的底線顏色 text-decoration 屬性沿自 color (昏倒...) : 也就是說，假若 color:red : 那麼 text-decoration:underline 的顏色也是 red : 那有沒有什麼替代方案，可以作出上面的那種效果呢？ : 我有試過用框線去模擬 : 可是發生一些問題...望請指教 : ============================================================================= : <style> : .pseudoline { : border-bottom-style: solid; : border-bottom-width: 1px; : border-bottom-color: #ff8000} : A:link,A:visited,A:hover,A:active {text-decoration: none} : .hahapoint {text-decoration: underline} : </style> : <h1><a href=# class=pseudoline>測試</a><span class=hahapoint>文字</span></h1> : ============================================================================= : 以上直接複製即可進行測試，然後這樣做出來的效果就很像了 : 但很不幸地，發生 IE 與 Firefox 的「互不相容性」問題 : 用 IE 開啟網頁，會出現「虛擬底線」比較低的狀況 : 而 Firefox 則是與 underline 相近位置 : 請比較一下： : IE 之中，「測試」的底線會比「文字」的底線要低一點 : Firefox 會差不多高 : 倘若框線是唯一的替代方案，有沒有辦法讓 IE 的框線位置再高一點? : PS: 因為這在使用 line-height:100% 的時候會發生與下面一行字重疊的現象 : 只有 IE 會這樣，Firefox 不會 -- ※ 發信站: 批踢踢實業坊(ptt.cc) ◆ From: 220.229.61.65