如果某种你看到图片中的下划线链接请不要惊讶。因为它其实很简单,你也可以做到。来这里看看实际效果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;
}
最新资讯
疫情加速发展 看中国直播电商战事

疫情加速发展 看中国

从2019年开始,直播电商就成为了电商平台新的话题业务重
特斯拉订单增加 LG化学计划年内在韩国工厂为其生产电池

特斯拉订单增加 LG化

7月3日,路透社援引知情人士消息称,特斯拉向韩国LG化学增
联通国际业务“成绩单”:全球设分支机构32个 运营商合作超300家

联通国际业务“成绩单

中国联通召开第十五届国际合作伙伴大会。中国联通副总
云旅游从直播种草,走向杂草丛生

云旅游从直播种草,走向

仅仅是分享、介绍、吸引眼球,似乎已经让各大平台以及众
"硅谷钢铁侠"的儿子名字怎么读?梅耶·马斯克:我叫他X

"硅谷钢铁侠"的儿子

“硅谷钢铁侠”埃隆马斯克的硬核辣妈、72 岁的超级“
Facebook遭股东起诉:支持种族多样性就是做样子

Facebook遭股东起诉:支

据外媒报道,Facebook股东娜塔莉·奥克盖达(Natalie Ocgu
最新文章
白话分析自适应跟响应式的区别详解

白话分析自适应跟响应

这篇文章主要介绍了白话分析自适应跟响应式的区别详解
div与div之间有空隙的解决方法

div与div之间有空隙的

今天在制作页面的时候发现两个div之间有空隙导致两个
推荐一款酷炫闪烁的告警按钮

推荐一款酷炫闪烁的告

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

移动端开发1px线的理

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

前端浏览器字体小于12

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

详解Web前端性能优化

这篇文章主要介绍了详解Web前端性能优化详解之资源合