[分享] 鼠标经过链接呈虚线

freedomland

位置 ：头部

1. <STYLE type=text/css>
   
2. 
   
3. 
   
4. BODY {FONT-SIZE: 10pt; FONT-FAMILY: "宋体"}
   
5. 
   
6. 
   
7. A {FONT-SIZE: 10pt; COLOR: #ff8888; TEXT-DECORATION: none}
   
8. 
   
9. 
   
10. A:hover {COLOR: #ff8888;border-bottom:1px dashed #ff8888 }

複製代碼

</style>复制代码变量声明:
1、#ff8888
为颜色变量,可以自行修改;
2、10pt 为字号变量,可以自行修改;

章鱼

你转载代码也专业点好伐，你现在发的代码根本不能用

达人小G

你转载代码也专业点好伐，你现在发的代码根本不能用
章鱼 發表於 2013-6-21 09:33

不匹配论坛版本？

章鱼

回復 3# 达人小G


   
你可以复制到你的论坛试试,会出大问题

无界

字体样式和颜色还是保持默认吧。你可以试试这个代码。

1. <style>
   
2. a {
   
3. font-weight:Normal;
   
4. text-decoration:none;
   
5. }
   
6. 
   
7. a:hover {
   
8. text-decoration:none;
   
9. border-bottom: 2px #0099CC dotted;
   
10. }
    
11. </style>

複製代碼

border-bottom: 1px虚线有些细了，所以我改成了2比较明显。

章鱼

回復 5# 无界


   
<style>a:hover{
text-decoration:none;
border-bottom: 2px #cacaca dashed
}</style>

不就可以了么

无界

回復 6# 章鱼


    嗯