鼠标放上超链接显示背景效果
生活随笔
收集整理的這篇文章主要介紹了
鼠标放上超链接显示背景效果
小編覺得挺不錯的,現在分享給大家,幫大家做個參考.
鼠標放上超鏈接顯示背景效果：
<html> <head> <style type="text/css"> a.one:link {color: #ff0000} a.one:visited {color: #0000ff} a.one:hover {color: #ffcc00}a.two:link {color: #ff0000} a.two:visited {color: #0000ff} a.two:hover {font-size: 150%}a.three:link {color: #ff0000} a.three:visited {color: #0000ff} a.three:hover {background: #66ff66}a.four:link {color: #ff0000} a.four:visited {color: #0000ff} a.four:hover {font-family: monospace}a.five:link {color: #ff0000; text-decoration: none} a.five:visited {color: #0000ff; text-decoration: none} a.five:hover {text-decoration: underline} </style> </head><body> <p>請把鼠標移動到這些鏈接上，以查看效果：</p><p><b><a class="one" href="http://jinmengqiang.cn" target="_blank">這個鏈接改變顏色</a></b></p> <p><b><a class="two" href=" http://jinmengqiang.cn" target="_blank">這個鏈接改變字體大小</a></b></p> <p><b><a class="three" href=" http://jinmengqiang.cn" target="_blank">這個鏈接改變背景顏色</a></b></p> <p><b><a class="four" href=" http://jinmengqiang.cn" target="_blank">這個鏈接改變字體系列</a></b></p> <p><b><a class="five" href=" http://jinmengqiang.cn" target="_blank">這個鏈接改變文本裝飾</a></b></p> </body></html>只需要在超鏈接CSS樣式中添加以下代碼即可：
a:link {color: #ff0000} a:visited {color: #0000ff} a:hover {background: #66ff66}?
轉載于:https://www.cnblogs.com/asqq8/p/5562832.html
總結
以上是生活随笔為你收集整理的鼠标放上超链接显示背景效果的全部內容，希望文章能夠幫你解決所遇到的問題。
- 上一篇： oracle-REDO日志文件分析（in
- 下一篇： 玩不动7nm工艺 “AMD前女友”格芯拿