如果某种你看到图片中的下划线链接请不要惊讶。因为它其实很简单,你也可以做到。来这里看看实际效果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;
}
最新资讯
ASML澄清中芯国际批量购买协议:只与DUV光刻技术有关

ASML澄清中芯国际批量

ASML发布公告澄清表示,中芯国际已根据香港上市规则披露
鸿海集团2月合并营收为新台币4018.93亿元,同比增长84.81%

鸿海集团2月合并营收

富士康母公司鸿海发布的月度财务数据显示,公司2021年2
分析师预测特斯拉2025年销售230万辆电动汽车

分析师预测特斯拉2025

有研究机构的分析师就预计,在2025年,特斯拉将销售230万
科学家发现1.1亿年前“蟑螂亲戚”

科学家发现1.1亿年前

中国、德国、英国古生物学者最近在我国甘肃玉门发现一
传亚马逊与NFL就转播更多独家赛事展开谈判

传亚马逊与NFL就转播

据报道,亚马逊正与美国国家橄榄球联盟(NFL)就转播更多
消息称字节跳动正开发类似Clubhouse的语音聊天应用

消息称字节跳动正开发

知情人士透露,字节跳动正为中国市场开发一款类似Clubho
最新文章
告别硬编码让你的前端表格自动计算的实例代码

告别硬编码让你的前端

这篇文章主要介绍了告别硬编码让你的前端表格自动计算
网页简单布局之结构与表现原则分享

网页简单布局之结构与

一般来说html结构 css表现 javascrip行为,网页布局要考
隐藏 Web 中的元素方法及优缺点教程详解

隐藏 Web 中的元素方

这篇文章主要介绍了隐藏 Web 中的元素方法及优缺点教
白话分析自适应跟响应式的区别详解

白话分析自适应跟响应

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

div与div之间有空隙的

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

推荐一款酷炫闪烁的告

今天小编给大家推荐一款酷炫闪烁的告警按钮,非常不错,具