鱼C论坛

 找回密码
 立即注册
查看: 3553|回复: 11

[奇技淫巧] 超链接样式大全

[复制链接]
发表于 2017-2-13 13:20:19 | 显示全部楼层 |阅读模式
购买主题 已有 10 人购买  本主题需向作者支付 2 鱼币 才能浏览
想知道小甲鱼最近在做啥?请访问 -> ilovefishc.com
回复

使用道具 举报

发表于 2017-5-2 16:44:29 | 显示全部楼层

  1.                 a:link {        /*链接初始样式*/
  2.                         font-size: 22px;
  3.                         color: red;
  4.                         text-decoration: none;
  5.                                
  6.                 }
  7.                 a:visited{        /*链接访问后样式*/
  8.                         font-size: 22px;
  9.                         color: green;
  10.                         text-decoration: none;
  11.                 }
  12.                 a:hover{        /*鼠标放到链接上样式*/
  13.                         color: blue;
  14.                         text-decoration: underline;
  15.                 }
  16.                 a:active{        /*链接被按下时样式*/
  17.                         text-decoration: line-through;
  18.                 }
  19. LoVe HAte   爱恨原则
复制代码

点评

我很赞同!: 5.0
我很赞同!: 5
  发表于 2017-5-2 21:11
想知道小甲鱼最近在做啥?请访问 -> ilovefishc.com
回复 支持 反对

使用道具 举报

发表于 2017-2-13 13:47:13 | 显示全部楼层
哥哥,你用的是什么 gif 录屏软件呀?
想知道小甲鱼最近在做啥?请访问 -> ilovefishc.com
回复 支持 反对

使用道具 举报

 楼主| 发表于 2017-2-13 15:01:57 | 显示全部楼层
本帖最后由 不二如是 于 2017-2-13 15:04 编辑
零度非安全 发表于 2017-2-13 13:47
哥哥,你用的是什么 gif 录屏软件呀?


mac上的软件…

Win上我推荐用icecream screen recorder
想知道小甲鱼最近在做啥?请访问 -> ilovefishc.com
回复 支持 反对

使用道具 举报

发表于 2017-2-13 15:03:58 | 显示全部楼层

这句话好有杀伤力
想知道小甲鱼最近在做啥?请访问 -> ilovefishc.com
回复 支持 反对

使用道具 举报

 楼主| 发表于 2017-2-13 15:04:44 | 显示全部楼层

win上
icecream screen recorder
也不错哦
想知道小甲鱼最近在做啥?请访问 -> ilovefishc.com
回复 支持 反对

使用道具 举报

发表于 2017-2-13 15:37:43 | 显示全部楼层
不二如是 发表于 2017-2-13 15:04
win上
icecream screen recorder
也不错哦

哥哥,好大呀,有没有小点的款式
想知道小甲鱼最近在做啥?请访问 -> ilovefishc.com
回复 支持 反对

使用道具 举报

发表于 2017-3-6 23:12:47 From FishC Mobile | 显示全部楼层
Сhover±hover
想知道小甲鱼最近在做啥?请访问 -> ilovefishc.com
回复 支持 反对

使用道具 举报

发表于 2017-7-25 07:41:11 | 显示全部楼层
学习一下!
想知道小甲鱼最近在做啥?请访问 -> ilovefishc.com
回复 支持 反对

使用道具 举报

发表于 2019-11-3 11:36:10 | 显示全部楼层
不二,强无敌~
  1. <!DOCTYPE html>
  2. <html lang="en">
  3. <head>
  4. <meta charset="UTF-8">
  5. <title>超链接动画演示</title>
  6. <style type="text/css">
  7. body {
  8.         text-align: center;
  9.         margin-top:333px;
  10. }
  11. a {
  12.         font-size: 55px;
  13.         text-decoration: none;
  14.         color:white;
  15.         transition: all 1.9s;
  16.         /* 淡入淡出 */
  17. }
  18.         a:hover{
  19.                 color:black;
  20.         }
  21. </style>
  22. </head>
  23. <body>
  24.     <a href="http://bbs.fishc.com/forum-337-1.html" target="_thank">小天才养殖场,快来闯一闯</a>
  25. </body>
  26. </html>
复制代码
想知道小甲鱼最近在做啥?请访问 -> ilovefishc.com
回复 支持 反对

使用道具 举报

发表于 2020-1-9 16:25:00 | 显示全部楼层
发现visited无法修改link中的font-size。


  1. <!doctype html>
  2. <html>
  3. <head>
  4.                 <meta charset="utf-8">
  5.                 <title>超链接大全</title>
  6.                 <style type="text/css">
  7.                 a:link{
  8.                                 font-size: 93px;
  9.                                 color:#000;
  10.                                 font-family: "NSimSun";
  11.                                 text-decoration: none;
  12.                 }
  13.                 a:visited{        /*链接访问后样式*/
  14.                         font-size: 22px;
  15.                         color: green;
  16.                         text-decoration: none;}
  17.                 a:hover{
  18.                         font-size: 66px;
  19.                     color: #6F6;
  20.                     font-family: "HeiTi";
  21.                     text-decoration: overline;
  22.             }
  23.                         a:active{
  24.                         font-size: 100px;
  25.                     color: #6F6;
  26.                             text-decoration: line-through;
  27. }
  28.                 </style>
  29. </head>
  30. <body>
  31.                 <div>
  32.                 <a href="http://bbs.fishc.com/forum-33-1.html" target="_blank" title="无敌吹水阁">吹水带来思想的碰撞
  33.                 ,凡开卷有益</a>
  34.                 </div>


  35. </body>

  36. </html>
复制代码
想知道小甲鱼最近在做啥?请访问 -> ilovefishc.com
回复 支持 反对

使用道具 举报

您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

小黑屋|手机版|Archiver|鱼C工作室 ( 粤ICP备18085999号-1 | 粤公网安备 44051102000585号)

GMT+8, 2024-3-29 15:00

Powered by Discuz! X3.4

© 2001-2023 Discuz! Team.

快速回复 返回顶部 返回列表