使用CSS去除_去掉超链接的下划线方法
2012-03-25 2页 doc 25KB 82阅读
is_735345
暂无简介
举报
使用CSS去除_去掉超链接的下划线方法使用CSS去除 去掉超链接的下划线方法
2009年01月06日 星期二 14:46
我们可以用CSS语法来控制超链接的形式、颜色变化，为什么链接一定要使用下划线和颜色区分呢？ 其主要原因主要是考虑到 1、视力差的人 2、色盲的人 。。。
下面我们做一个这样的链接：未被点击时超链接文字无下划线，显示为蓝色；当鼠标在链接上时有下划线，链接文字显示为红色；当点击链接后，链接无下划线，显示为绿色。
实现方法很简单，在源代码的和之间加上如下的CSS语法控制：
其中：
a:link 指正...
使用CSS去除 去掉超链接的下划线
2009年01月06日 星期二 14:46
我们可以用CSS语法来控制超链接的形式、颜色变化，为什么链接一定要使用下划线和颜色区分呢？ 其主要原因主要是考虑到 1、视力差的人 2、色盲的人 。。。
下面我们做一个这样的链接：未被点击时超链接文字无下划线，显示为蓝色；当鼠标在链接上时有下划线，链接文字显示为红色；当点击链接后，链接无下划线，显示为绿色。
实现方法很简单，在源代码的和之间加上如下的CSS语法控制：
其中：
a:link 指正常的未被访问过的链接；
a:active 指正在点的链接；
a:hover 指鼠标在链接上；
a:visited 指已经访问过的链接；
text-decoration是文字修饰效果的意思；
none参数表示超链接文字不显示下划线；
underline参数表示超链接的文字有下划线
-------------------------------------------------------------------------
演示：让网页中的链接去掉下划线
将代码插入在之间.之前即可
-------------------------------------------------------------------------
使用CSS实现链接的虚线下划线\普通下划线效果
a {
color:#3399FF;
font-weight:Normal; /*CSS字体效果 普通 可以改成bold粗体 如果去除此行那么默认是不显示下划线的*/
text-decoration:none; /*CSS下划线效果：无下划线*/
}
a:hover {
color:#4499EE;
text-decoration:none; /*CSS下划线效果：无下划线*/
border-bottom: 1px #0099CC dotted /*CSS加一个只有下边的框 边框为虚线*/
}
a{ } ：是用来控制连接的效果
a:hover{ }：是用来控制鼠标移上去的效果。
</div>
</div>
</div>
</div>
<div class="data-d-info js-mask" id="littleApp"></div>
<div class="code-source">
<div class="swiper-wrapper" id="swiper-wrapper-id"></div>
<div>
<span id="active-num"></span>
/
<span id="all-num"></span>
</div>
</div>
</div>
<div class="text">
本文档为【使用CSS去除_去掉超链接的下划线方法】，请使用软件OFFICE或WPS软件打开。作品中的文字与图均可以修改和编辑，
图片更改请在作品中右键图片并更换，文字修改请直接点击文字进行修改，也可以新增和删除文档中的内容。
</div>
<div class="text">
[版权声明] 本站所有资料为用户分享产生，若发现您的权利被侵害，请联系客服邮件isharekefu@iask.cn，我们尽快处理。
本作品所展示的图片、画像、字体、音乐的版权可能需版权方额外授权，请谨慎使用。
网站提供的党政主题相关内容(国旗、国徽、党徽..)目的在于配合国家政策宣传，仅限个人学习分享使用，禁止用于任何广告和商用目的。
</div>
</div>
</div>
<!-- 相关资料 -->
<div class="relevantInformation">
<div class="title">相关资料</div>
<ul>
<li>
<a href="https://ishare.iask.com/f/137H6VkgFl6H.html">
优秀校长先进事迹材料
</a>
</li>
<li>
<a href="https://ishare.iask.com/f/1IhIyJuoZ5d.html">
MTT中华人民共和国煤炭行业标准矿用信号转换器
</a>
</li>
<li>
<a href="https://ishare.iask.com/f/34ARMVjS3Wf.html">
【精品】实验八 可乐、咖啡、茶叶中咖啡因的高效液相色谱分析85
</a>
</li>
<li>
<a href="https://ishare.iask.com/f/34JBkHg4UrL.html">
三种相思树沙地造林生长对比
</a>
</li>
<li>
<a href="https://ishare.iask.com/f/35ediDm4AnI.html">
新政办发〔2009〕68号
</a>
</li>
<li>
<a href="https://ishare.iask.com/f/4W66s62mXBI.html">
美国股市道琼斯指数二百年历史走势图
</a>
</li>
<li>
<a href="https://ishare.iask.com/f/4YfFphNkL1.html">
安全生产谈话提纲
</a>
</li>
<li>
<a href="https://ishare.iask.com/f/5Pedk4dw4tp.html">
2022《安全管理应急预案》之呼和浩特市破坏性地震应急预案
</a>
</li>
<li>
<a href="https://ishare.iask.com/f/1eI2ShADklLH.html">
2020年内蒙古呼和浩特市中考化学真题试卷（含详细解析）
</a>
</li>
<li>
<a href="https://ishare.iask.com/f/bxzj4fg40tB.html">
楼宇自动化实验报告
</a>
</li>
<li>
<a href="https://ishare.iask.com/f/cPtjltKFzJ.html">
合肥工业大学2012级学生2014-2015学年城市规划原理考试题目
</a>
</li>
<li>
<a href="https://ishare.iask.com/f/iK0P2WQhUy.html">
华软第二届田径运动会(秩序册)9-3
</a>
</li>
<li>
<a href="https://ishare.iask.com/f/4gk266rqAt.html">
教育研究方法总ppt课件
</a>
</li>
<li>
<a href="https://ishare.iask.com/f/5GbZf4vPpfZ.html">
初中英语人教版八年级下册unit 9 section B 2a-2b
</a>
</li>
<li>
<a href="https://ishare.iask.com/f/5fDsDOpgGQ7.html">
信息化应用系统调研表
</a>
</li>
<li>
<a href="https://ishare.iask.com/f/5lYVp7On4Ur.html">
中国古代小说发展史概述PPT课件
</a>
</li>
<li>
<a href="https://m.ishare.iask.com/node/s/dkv6zflq6ghew.html">
中国古代官僚政治制度研究
</a>
</li>
<li>
<a href="https://m.ishare.iask.com/f/uJDrfd03xKC.html">
初中语文古诗词常见意象和典故归纳
</a>
</li>
<li>
<a href="https://ishare.iask.com/f/1Jcy6t74UB.html">
数字0_现代诗100字
</a>
</li>
<li>
<a href="https://m.ishare.iask.com/node/s/1d8nx0my8pffu.html">
住房公积金开户申请表
</a>
</li>
</ul>
</div>
<!-- 热门搜索 -->
<div class="hotSearch">
<div class="title">热门搜索</div>
<ul>
<li>
<a href="https://m.ishare.iask.com/f/34hV2zL0oDx.html">
孔子以六艺教，此本当时进仕之阶
</a>
</li>
<li>
<a href="https://m.ishare.iask.com/f/510FYVL33hT.html">
汉高PVDF管道施工方案
</a>
</li>
<li>
<a href="https://m.ishare.iask.com/f/iGYnp0S31Z.html">
维多利亚时代文化
</a>
</li>
<li>
<a href="https://m.ishare.iask.com/f/iyymsRmY6A.html">
榕江一中质夫文化报第14期
</a>
</li>
<li>
<a href="https://m.ishare.iask.com/f/izMb3Ws4Ai.html">
福利经济学论文
</a>
</li>
<li>
<a href="https://m.ishare.iask.com/f/j2mXYSy3bU.html">
广西大面积种植转基因玉米和当地大学生精液异常
</a>
</li>
<li>
<a href="https://m.ishare.iask.com/f/j7jsbPBip7.html">
六级匹配翻译练习(改革后)
</a>
</li>
<li>
<a href="https://m.ishare.iask.com/f/nNmMFAqs5p.html">
甘肃《建筑地面工程施工工艺规程》DB62T 3027-2018
</a>
</li>
<li>
<a href="https://m.ishare.iask.com/f/1wS7cH8uMMd.html">
装饰工程竣工验收单
</a>
</li>
<li>
<a href="https://m.ishare.iask.com/f/31G7ikbKkCF.html">
松原麻将-吉祥游戏中心
</a>
</li>
<li>
<a href="https://m.ishare.iask.com/f/32nCVLzVNMW.html">
河北省怀来县颜家沟金矿隐伏矿体深部结构的MT探测
</a>
</li>
<li>
<a href="https://m.ishare.iask.com/f/32nT6VENGb4.html">
墙面实测实量标识
</a>
</li>
<li>
<a href="https://m.ishare.iask.com/f/32nryDZtlIo.html">
住院押金通知单
</a>
</li>
<li>
<a href="https://m.ishare.iask.com/f/34oPyLz5z3v.html">
010紫外线杀菌车标准操作程序SOP文件
</a>
</li>
<li>
<a href="https://m.ishare.iask.com/f/34hV2zL0oDx.html">
孔子以六艺教，此本当时进仕之阶
</a>
</li>
<li>
<a href="https://m.ishare.iask.com/f/510FYVL33hT.html">
汉高PVDF管道施工方案
</a>
</li>
<li>
<a href="https://m.ishare.iask.com/f/iGYnp0S31Z.html">
维多利亚时代文化
</a>
</li>
<li>
<a href="https://m.ishare.iask.com/f/iyymsRmY6A.html">
榕江一中质夫文化报第14期
</a>
</li>
<li>
<a href="https://m.ishare.iask.com/f/izMb3Ws4Ai.html">
福利经济学论文
</a>
</li>
<li>
<a href="https://m.ishare.iask.com/f/j2mXYSy3bU.html">
广西大面积种植转基因玉米和当地大学生精液异常
</a>
</li>
<li>
<a href="https://m.ishare.iask.com/f/j7jsbPBip7.html">
六级匹配翻译练习(改革后)
</a>
</li>
<li>
<a href="https://m.ishare.iask.com/f/nNmMFAqs5p.html">
甘肃《建筑地面工程施工工艺规程》DB62T 3027-2018
</a>
</li>
<li>
<a href="https://m.ishare.iask.com/f/1wS7cH8uMMd.html">
装饰工程竣工验收单
</a>
</li>
<li>
<a href="https://m.ishare.iask.com/f/31G7ikbKkCF.html">
松原麻将-吉祥游戏中心
</a>
</li>
<li>
<a href="https://m.ishare.iask.com/f/32nCVLzVNMW.html">
河北省怀来县颜家沟金矿隐伏矿体深部结构的MT探测
</a>
</li>
<li>
<a href="https://m.ishare.iask.com/f/32nT6VENGb4.html">
墙面实测实量标识
</a>
</li>
<li>
<a href="https://m.ishare.iask.com/f/32nryDZtlIo.html">
住院押金通知单
</a>
</li>
<li>
<a href="https://m.ishare.iask.com/f/34oPyLz5z3v.html">
010紫外线杀菌车标准操作程序SOP文件
</a>
</li>
</ul>
</div>
<!-- 你可能还喜欢 -->
<div class="youLike">
<div class="title">你可能还喜欢</div>
<ul>
<li>
<a href="https://ishare.iask.com/f/19boOwXmSrV.html">
山东《低能耗建筑外墙粘贴复合防火保温体系应用技术规程（修订）》
</a>
</li>
<li>
<a href="https://ishare.iask.com/f/1ewBF4sxI1SX.html">
工程管理毕业实习报告
</a>
</li>
<li>
<a href="https://ishare.iask.com/f/72BFdMlKdtJ.html">
歪脖狐狸
</a>
</li>
<li>
<a href="https://ishare.iask.com/f/R6s2Ld2PXOS.html">
大学生劳动实践心得大学生劳动心得1000字
</a>
</li>
<li>
<a href="https://ishare.iask.com/f/bsmeSfPaIjb.html">
《把一个大数改写成用万或亿作单位的小数》课件
</a>
</li>
<li>
<a href="https://ishare.iask.com/f/iXNoyTn8mW.html">
王心凌《你在哪里》LRC歌词
</a>
</li>
<li>
<a href="https://ishare.iask.com/f/sJNnBXxFk2J.html">
概率统计补充案例
</a>
</li>
<li>
<a href="https://ishare.iask.com/f/33VaDFJyL3w.html">
辽宁省朝阳市建平县沙海中学
</a>
</li>
<li>
<a href="https://ishare.iask.com/f/33ph7cYbiHA.html">
康复训练登记表
</a>
</li>
<li>
<a href="https://ishare.iask.com/f/359t7qVrKe7.html">
地质遗迹野外调查总结-黔江初稿
</a>
</li>
<li>
<a href="https://ishare.iask.com/f/5g729ivPrSt.html">
畜禽粪便排泄系数
</a>
</li>
<li>
<a href="https://ishare.iask.com/f/bwdVdYvmyyF.html">
2015年江苏高考作文评分标准
</a>
</li>
<li>
<a href="https://ishare.iask.com/f/1oIZsEcE8tH.html">
中国石油大学(华东)油田开发地质学
</a>
</li>
<li>
<a href="https://ishare.iask.com/f/31b9rCeaFf1.html">
洪湖_蟹苗大王_刘东洲与温总理面对面话水产pdf
</a>
</li>
<li>
<a href="https://ishare.iask.com/f/3287J09xmA9.html">
【最新精选】文曲星智学宝全科学习系统常见问题及解答
</a>
</li>
<li>
<a href="https://ishare.iask.com/f/5krPADCpYJF.html">
砂石料加工系统施工措施
</a>
</li>
<li>
<a href="https://m.ishare.iask.com/node/s/9dr9kl7aqj01u.html">
建筑装饰装修工程质量验收规范最新版
</a>
</li>
<li>
<a href="https://m.ishare.iask.com/node/s/9dr9kl7aqj01u.html">
建筑装饰装修工程质量验收规范最新版
</a>
</li>
<li>
<a href="https://m.ishare.iask.com/node/s/9dr9kl7aqj01u.html">
建筑装饰装修工程质量验收规范最新版
</a>
</li>
<li>
<a href="https://m.ishare.iask.com/node/s/9dr9kl7aqj01u.html">
建筑装饰装修工程质量验收规范最新版
</a>
</li>
</ul>
</div>
<!-- 最新资料 热门推荐 推荐专题-->
<div class="recommend">
<div class="recommend-nav">
<a
class=" active "
href="/f/23656702.html?zzType=newFile"
>
最新资料
</a>
<a
class=""
href="/f/23656702.html?zzType=hotRecommend"
>
资料动态
</a>
<a
class=""
href="/f/23656702.html?zzType=recommendTopic"
>
专题动态
</a>
</div>
<ul>
</ul>
</div>
<!-- 立即下载 -->
<div class="spiderDetail-footer">
<div class="left">
<p>免费</p>
<p>已有人下载</p>
</div>
<div class="middle">
<!--
<a href="">下一篇相似资料</a>
-->
</div>
<div class="download">立即下载</div>
</div>
<section>
<div class="footer">
<div class="footer-site">
<div class="footer-site-container">
<a href="http://m-help.iask.com/helpCenter/63ad3efe53e78a1f9a71bd85.html" class="jsReplaceNavLink">关于我们</a>
<a href="http://m-help.iask.com/helpCenter/5d11e55e0cf2d66b81a5513f.html" class="jsReplaceNavLink">侵权处理</a>
<a href="/node/feedback.html">投诉反馈</a>
<a href="http://m-help.iask.com/helpCenter/ishare.html">帮助中心</a>
<a href="/index/f-a.html">网站地图</a>
</div>
<a class="copyright jsCopyright" href="https://beian.miit.gov.cn/">京ICP证000007-6 爱问文库-Copyright © <span class="jsCurentYear"></span> 版权所有</a>
<p class="web-copyright jsWebCopyright">
<a target="_blank" href="https://beian.mps.gov.cn/#/query/webSearch?code=33021202002483" ref="noreferrer">
<img class="copyright-mark" src="https://static3.iask.cn/m202404251025/images/common/ic_mark.png" alt="">浙公网安备 33021202002483</a>
</p>
</div>
</div>
</section>
</div>
</div>
<div class="dialog-mask"></div>
</div>
<div class="search-dialog">
<header class="m-header search-header cf">
<a class="btn-back JsSearchBackBtn"></a>
<a class="btn-cancel btn-dialogue-search">搜索</a>
<div class="search-con">
<form action="" id="search_from">
<div class="s-input-con v-middle">
<input type="search" name="cond" id="search-input" class="s-input" placeholder="搜索升级中，请稍后再试！" disabled>
<a class="btn-input-delete" style="display: none;"></a>
</div>
</form>
</div>
</header>
<section>
<div class="search-main" id="hot-search-list" style="display: block;">
<div class="hot-search-con">
<h2 class="search-main-title">热门搜索</h2>
<div class="hot-search-list" id="search-hot-box">
<a href="/search/home.html?cond=%25E7%25A6%25BB%25E5%25A9%259A%25E5%258D%258F%25E8%25AE%25AE%25E4%25B9%25A6">离婚协议书</a>
<a href="/search/home.html?cond=%25E5%2585%25A5%25E5%2585%259A%25E7%2594%25B3%25E8%25AF%25B7%25E4%25B9%25A6">入党申请书</a>
<a href="/search/home.html?cond=%25E6%2588%25BF%25E5%25B1%258B%25E7%25A7%259F%25E8%25B5%2581%25E5%2590%2588%25E5%2590%258C">房屋租赁合同</a>
<a href="/search/home.html?cond=%25E8%25B4%25AB%25E5%259B%25B0%25E7%2594%25B3%25E8%25AF%25B7%25E4%25B9%25A6">贫困申请书</a>
</div>
</div>
<div class="search-history">
<h2 class="search-main-title">历史搜索</h2>
<ul class="search-history-list"></ul>
<span class="delete-history-ele v-middle">清空历史搜索</span>
</div>
</div>
<div class="search-main" id="link-search-list" style="display: none;">
<ul class="search-list">
</ul>
</div>
</section>
</div>
<!--js加载-->
<script type="text/javascript">
var _speedMark = +new Date(),
_version = "m202404251025",
_head = "https://static3.iask.cn/m202404251025",
_env="prod"
</script>
<script src="https://static3.iask.cn/m202404251025/javascripts/sea-modules/jquery/jquery/1.8.3/jquery.min.js"></script>
<script src="https://static3.iask.cn/m202404251025/javascripts/sea-modules/fastclick/fastclick.min.js"></script>
<script src="https://static3.iask.cn/m202404251025/javascripts/sea-modules/jquery/swiper/3.2.7/swiper.min.js"></script>
<script src="https://static3.iask.cn/m202404251025/javascripts/sea-modules/seajs/seajs/2.2.0/sea.js"></script>
<script src="https://static3.iask.cn/m202404251025/javascripts/seajs_config.js"></script>
<script src="https://static3.iask.cn/m202404251025/javascripts/sea-modules/bilog/iaskWebSdk.js"></script>
<script type="text/javascript" src="https://ssl.captcha.qq.com/TCaptcha.js"></script>
<!--全网baidu统计-->
<script type="text/javascript">
var _hmt = _hmt || [];
(function () {
var hm = document.createElement("script");
hm.src = "https://hm.baidu.com/hm.js?d27104898957ad2d30354add6accb899";
var s = document.getElementsByTagName("script")[0];
s.parentNode.insertBefore(hm, s);
})();
// <!--办公频道baidu统计-->
var referrer = document.URL;
if (/https?\:\/\/[^\s]*m.office.iask.com*/g.test(referrer)) {
var _hmt = _hmt || [];
(function () {
var hm = document.createElement("script");
hm.src = "https://hm.baidu.com/hm.js?9b8390329e1990c2bc0d3c360b5d1be7";
var s = document.getElementsByTagName("script")[0];
s.parentNode.insertBefore(hm, s);
})();
}
</script>
<!--全网cnzz统计-->
<div style="display:none">
<script src="https://s11.cnzz.com/stat.php?id=1260123088&web_id=1260123088" language="JavaScript"></script>
</div>
<script type="text/javascript">
window.pageConfig = {
isDetail: true,
isSend: true,
page: {
attr: 'other',
type: 'detail',
ptype: 'pindex',
isDownload: '',
owner: "5667dd0a7e4a5e16343ff548",
preRead: "2",
fileSourceChannel: 'history',
old: '',
// userTypeId: '',
userTypeId: '',
fileName: "使用CSS去除_去掉超链接的下划线方法",
},
adv: {
is360: '',
isBaidu: ''
},
params: {
g_fileExtension: 'doc',
g_fileId: '23656702',
g_permin: '1',
file_title: "使用CSS去除_去掉超链接的下划线方法",//需要用双引号
file_size: "25KB",
// file_volume: '',
file_format: 'doc',
productType: '1',
moneyPrice: '0',
discountPrice: "0",
totalPage: '2',
vipFreeFlag: "", // todo
vipDiscountFlag: '1',
payTypeName: '', // todo
site: '4',
file_uid: '5667dd0a7e4a5e16343ff548',
classidName1: '行业资料',
classidName2: '信息传输、软件和信息技术服务业',
classidName3: '软件和信息技术服务业',
fileName: '使用CSS去除_去掉超链接的下划线方法',
payType: '', // todo
classId: '',
fileCategoryID: '1820||10084||9078', //资料分类
fileCategoryName: '行业资料||信息传输、软件和信息技术服务业||软件和信息技术服务业', //资料分类名称
},
report: {
uid: "",
ptype: "pindex",
fsource: "history",
ftype: '', // todo
format: "doc",
cate: "1820",
cateName: "",
cate1: "10084",
cate2: "9078",
clickName: '',
time: "",
timestamp: +new Date()
},
imgUrl: ["https://swf.iask.com/lMO0eziFBFN.svg?ssig=%2BNquiM5VpK&Expires=1721541035&KID=sina,ishare&range=0-8021","https://swf.iask.com/lMO0eziFBFN.svg?ssig=%2BNquiM5VpK&Expires=1721541035&KID=sina,ishare&range=8023-11609"],
};
seajs.use(["dist/spiderDetail/init.js", "jquery"])
</script>
<!-- cnzz统计代码 -->
<script type="text/javascript">document.write(unescape("%3Cspan id='cnzz_stat_icon_1279079195'%3E%3C/span%3E%3Cscript src='https://v1.cnzz.com/stat.php%3Fid%3D1279079195' type='text/javascript'%3E%3C/script%3E"));</script>
</body>
</html>