会员登陆∶ 用户  密码 
    联系我们 │ 收藏本站 │ 企业建站
　首 页　　沅怡简介 　新闻资讯 　作品展示 网站制作 　业务范围　 业务流程 人才招聘 总报价表 客户服务
新闻中心
邮件订阅

（您可收到优惠信息）
请填写您的电子信箱
 
设计分类
宣传册、样本设计及印刷
包装,纸袋设计及印刷
企业网站,网页设计制作
企业CI策划,VI视觉识别
标志、LOGO、网页设计
摄影、相册、工艺品设计
报纸杂志名片版面设计
展台、灯箱、门头、广告牌
网站成功案例欣赏
本站链接logo
 
 
 业内资讯 => 怎么去掉超连接的下划线.怎么在一行字下加虚线
发布日期：[2007/10/30]    共阅[950]次
    用CSS

去掉超连接的下划线

<style type="text/css">
<!--
a:link {
text-decoration: none;
}
a:visited {
text-decoration: none;
}
a:hover {
text-decoration: none;
}
a:active {
text-decoration: none;
}
-->
</style>


一行字下加虚线

<style type="text/css">
<!--
.font {
border-bottom-width: 1px;
border-top-style: none;
border-right-style: none;
border-bottom-style: dotted;
border-left-style: none;
border-bottom-color: #0033CC;
}
-->
</style>

<font color="#000000" class="font">123456789</font>



1、方法太多了，可以通过简单的网页代码插入方式，在<head></head>之间插入：

<style type="text/css">A:visited {color:#00cc66;TEXT-DECORATION: none}A:link {COLOR:#00cc66;TEXT-DECORATION: none}A:hover {COLOR: red;TEXT-DECORATION: underline}
BODY {SCROLLBAR-FACE-COLOR:#339933; SCROLLBAR-HIGHLIGHT-COLOR: #ffffff; SCROLLBAR-SHADOW-COLOR: #808080; SCROLLBAR-3DLIGHT-COLOR:#7000000; SCROLLBAR-ARROW-COLOR: #008080; SCROLLBAR-TRACK-COLOR: #666666; SCROLLBAR-DARKSHADOW-COLOR: #000000}TH {FONT-SIZE: 9pt}TD {FONT-SIZE: 9pt}
BODY {SCROLLBAR-FACE-COLOR: #787870; SCROLLBAR-HIGHLIGHT-COLOR: #878777; SCROLLBAR-SHADOW-COLOR: #666666; SCROLLBAR-3DLIGHT-COLOR: #666666; SCROLLBAR-ARROW-COLOR: #666666; SCROLLBAR-TRACK-COLOR: #87877e; SCROLLBAR-DARKSHADOW-COLOR: #000000; }.link{font-size:9pt;line-height:17px;}
.linkfont{font-size: 12px;line-height: 17px;}
A{text-transform: none; text-decoration: none;}
A:link {text-decoration: none; color: #ff3300}
A:visited {text-decoration: none; color: #ff3300}
A:active{text-decoration:none:color: #00ff00}
A:hover {text-decoration:underline; color: #00ff00}
.5b { font-size: 8pt }
</style>

2、你也可以把他编成CSS，在<head></head>之间插入<link href="路径/文件名.css" rel="stylesheet" type="text/css">



3、加下划虚线的方法也是一样，在<head></head>之间插入</style>
<style type="text/css">
<!--
.font {
border-bottom-width: 1px;
border-top-style: none;
border-right-style: none;
border-bottom-style: dotted;
border-left-style: none;
border-bottom-color: #0033CC;
}
-->
</style>
在<body></body>之间插入

<font color="#000000" class="font">123456789</font>
 
数年诚信服务
【打印此页】 【返回】
 
沅怡设计--始于2004年－真诚－专著－经典－品位
地址：山东威海经区青岛南路216号 电话：0631-5896815 电话：QQ:46114208 Email:fei@whyuanyi.net
版权所有 沅怡设计 | 技术支持－沅怡设计
Copyright © 2007www.whyuanyi.net All rights reserved