如果某种你看到图片中的下划线链接请不要惊讶。因为它其实很简单,你也可以做到。来这里看看实际效果http://5key.net/demo/hyperlink-underline首先,我们来说说这个彩色的下划线是怎么弄的。也许你已经猜到了,一张渐变的背景图片。没错!就是下面这张图片。
如果某种你看到图片中的下划线链接请不要惊讶。因为它其实很简单,你也可以做到。
来这里看看实际效果 http://5key.net/demo/hyperlink-underline

首先,我们来说说这个彩色的下划线是怎么弄的。也许你已经猜到了,一张渐变的背景图片。没错!就是下面这张图片。

再看看下面的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;
}
最新资讯
《时代》10年最具影响力10款产品:iPad夺冠 大疆上榜

《时代》10年最具影响

美国《时代》周刊(Time)日前评出了“10年来最具影响力的
报告:预计2020年全球可折叠屏智能终端销量约400万部

报告:预计2020年全球

根据保守预测,2019年全球可折叠屏智能手机销售量约70万
中国智能手机市场2020十大预测:行业主动变革拥抱5G

中国智能手机市场2020

IDC中国研究经理王希认为,5G对整个手机行业带来的促进
何小鹏:寒冬并不可怕 要广积粮、练内功、补短板

何小鹏:寒冬并不可怕

第十届全球新能源汽车大会今日举行,小鹏汽车董事长何小
优步拟加大对电单车和滑板车投资

优步拟加大对电单车和

优步科技公司一位高管周一表示,该公司计划2020年加大对
工商银行与阿里巴巴、蚂蚁金服达成全面战略合作

工商银行与阿里巴巴、

12月16日下午消息,中国工商银行与阿里巴巴、蚂蚁金服在
最新文章
推荐一款酷炫闪烁的告警按钮

推荐一款酷炫闪烁的告

今天小编给大家推荐一款酷炫闪烁的告警按钮,非常不错,具
移动端开发1px线的理解与解决办法

移动端开发1px线的理

这篇文章主要给大家介绍了关于移动端开发1px线的理解
前端浏览器字体小于12px的解决办法

前端浏览器字体小于12

这篇文章主要给大家介绍了关于前端浏览器字体小于12px
详解Web前端性能优化详解之资源合并与压缩

详解Web前端性能优化

这篇文章主要介绍了详解Web前端性能优化详解之资源合
element.style内联样式的修改方法教程

element.style内联样

这篇文章主要给大家介绍了关于element.style内联样式
图文实操详解前端处理小图标的那些解决方案

图文实操详解前端处理

在前端日常开发中,小图标是必不可少的,我们该如何高效的