如果某种你看到图片中的下划线链接请不要惊讶。因为它其实很简单,你也可以做到。来这里看看实际效果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年5月22日,滴滴城际拼车在成都正式上线,开通成都主
苏宁将继续在长三角设立逾2000家智慧零售门店

苏宁将继续在长三角设

第一届长三角一体化发展高层论坛5月22日在安徽芜湖召
海康威视:即便美国断供也没有影响

海康威视:即便美国断供

海康威视投资者关系负责人表示,目前海康威视的芯片非常
QQ小程序正在进行灰度测试 将于6月正式上线

QQ小程序正在进行灰度

“QQ小程序正在进行灰度测试,没有意外的话,将于6月份正
潘石屹:富士康员工做苹果手机没成就感 不如我做木碗

潘石屹:富士康员工做

潘石屹表示,苹果的手机自己特别喜欢,可是富士康的工人生
瑞幸才是真正的牛逼民族企业

瑞幸才是真正的牛逼民

至于你信不信,我反正是信了。
最新文章
前端浏览器字体小于12px的解决办法

前端浏览器字体小于12

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

详解Web前端性能优化

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

element.style内联样

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

图文实操详解前端处理

在前端日常开发中,小图标是必不可少的,我们该如何高效的
深入理解::before/:before和::after/:after的使用

深入理解::before/:be

之前在网上总是可以看到::before :before ::after :af
利用.htaccess实现禁止某个IP访问网站的方法

利用.htaccess实现禁

这篇文章主要给大家介绍了关于利用.htaccess实现禁止