首页新闻手机家电数码电脑财经大模型直播

用图片实现超级链接的个性化下划线

2009-07-31/13:34

正文

实现超链接的个性化下划线其实很简单，用一些基本的语法，利用CSS中的滑动门技术（即背景图像的可层叠性），并允许他们在彼此之上进行滑动，以创造一些特殊的效果即可：

首先，我们来说说这个彩色的下划线是怎么弄的:利用一张渐变的背景图片。

再看看下面的css代码：

以下是引用片段：
body {
  font-size:14px;
  font-family: Helvetica, sans-serif;
  padding:10px;
  margin:0px;
}
h1{margin:0; padding:0; font-size:16px; }
p{padding:20px 0 0 0;}
a{
  *padding-bottom:1px;
  text-decoration:none;
  }
a:link{
  color:#06F;
  background: url(1.gif);
  background-repeat: repeat-x;
  background-position: 0 16px;
}
a:visited{
  color:#06f;
  background-image: url(1.gif);
  background-repeat: repeat-x;
  background-position: 0 16px;
}
a:hover{
  color:#039;
  background:url(1.gif) repeat-x 0 bottom;
}

{{cmoun}}人已赞

more

评论 {{userinfo.comments}}

{{c.nickname}}
{{c.create_time}}

{{c.content}}

点赞已赞 ({{c.count_praise}}) 回复({{c.count_reply}})

{{child.nickname}}
{{child.create_time}}

{{child.content}}

查看全部评论

{{money}}元

{{question.question}}

A {{question.A}}

B {{question.B}}

C {{question.C}}

D {{question.D}}

提交

昨夜今晨：传罗马仕已停工停产小红书否认阿里巴巴收购传闻

标签：罗马仕小红书阿里巴巴西门子 2025-07-04

昨夜今晨：传罗马仕已停工停产小红书否认阿里巴巴收购传闻

机器人产业人才竞争激烈全国现存相关企业超89.1万家

标签：机器人 2025-07-03

北京中小学将普及AI教育人工智能企业数量去年达到近年来顶峰

标签： AI 2025-07-03

昨夜今晨：荣耀确认已进入上市辅导阶段雷军否认小米造摩托车和自行车计划

标签：荣耀小米淘宝比亚迪 2025-07-03

昨夜今晨：荣耀确认已进入上市辅导阶段雷军否认小米造摩托车和自行车计划

马斯克的xAI巨轮获资百亿：AI军备竞赛新篇章启航！

标签：马斯克 xAI 2025-07-02

专题更多

2024年度中兴通讯云网生态峰会

2024年度中兴通讯云网生态峰会

聚焦315提振消费信心专题报道

聚焦315提振消费信心专题报道

驱动号更多

©驱动中国 Qudong.com All Rights Reserved 版权所有复制必究京ICP备11013097号广播电视节目许可证：（京）字第07618号