如果某种你看到图片中的下划线链接请不要惊讶。因为它其实很简单,你也可以做到。来这里看看实际效果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;
}
最新资讯
Pinterest任命沃尔玛前CTO为工程主管 迎接IPO

Pinterest任命沃尔玛

图片社交网络Pinterest今日宣布,已任命沃尔玛前首席技
Facebook的电商雄心及商业机会

Facebook的电商雄心及

Facebook在电商领域已经进行了多次尝试,未来的商业机会
华为阎力大:去年企业BG收入近110亿美元 年增长40%

华为阎力大:去年企业BG

阎力大在演讲中透露,2018年华为企业BG销售收入接近110
美媒:Facebook明文存储数亿用户密码 被查看900万次

美媒:Facebook明文存储

在这些故障中,员工构建的应用程序记录了Facebook用户的
天文学家发现高速"飞奔"的脉冲星:速度近400万km/h

天文学家发现高速"飞

美国航天局20日发布公报说,天文学家发现一颗在银河系高
因不支持现金结账:Amazon Go在旧金山面临被禁风险

因不支持现金结账:Amaz

基于历史记录,对于这项新提案,亚马逊很可能会积极游说官
最新文章
前端浏览器字体小于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实现禁止