去除html超链接中的下划线

发布时间:2020-06-23 16:14:59 作者:yeybz
来源:网络 阅读:1416

  今天魅力网络在给一北京的客户弄个网站的顶部,加了个顶部设为主页和收藏代码,并加了个联系我们导航等,发现直接用编辑器加的超链接是有下划线的,影响我们的美观 为此我们需要在html中上部加一段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>

顺便送上我这边弄的一个顶部通栏代码

  <table style="WIDTH: 100%; HEIGHT: 25px" border=0 cellSpacing=0 borderColor=#cccccc cellPadding=0 width="100%" bgColor=#bb4444 height=25>
    <tr>
      <td>
<P align=right><FONT size=3><FONT color=#ffff00>中心官方电话:010-58204910&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; 中心官方域名:</FONT><A href="http://www.cbdc1.cn"><FONT color=#ffff00 size=4>www.cbdc1.cn</FONT></A>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &nbsp;&nbsp; &nbsp;<FONT color=#ffff00>&nbsp;www.中国品牌发展中心.com</FONT><STRONG>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp;&nbsp;&nbsp; </STRONG></FONT><A href='http://www.cbdc1.cn/"'><FONT color=#ffff00 size=3>首页</FONT></A><FONT color=#ffff00 size=3> | </FONT><A onclick=SetHome(window.location) href="javascript:void(0)"><FONT color=#ffff00 size=3>设为首页</FONT></A><FONT color=#ffff00 size=3> | </FONT><A onclick=AddFavorite(window.location,document.title) href="javascript:void(0)"><FONT color=#ffff00 size=3>加入收藏</FONT></A>
<SCRIPT language=javascript type=text/javascript>
    //加入收藏
        function AddFavorite(sURL, sTitle) {
            sURL = encodeURI(sURL); 
        try{  
            window.external.addFavorite(sURL, sTitle);  
        }catch(e) {  
            try{  
                window.sidebar.addPanel(sTitle, sURL, "");  
            }catch (e) {  
                alert("加入收藏失败,请使用Ctrl+D进行添加,或手动在浏览器里进行设置.");
            }  
        }
    }
    //设为首页
    function SetHome(url){
        if (document.all) {
            document.body.style.behavior='url(#default#homepage)';
              document.body.setHomePage(url);
        }else{
            alert("您好,您的浏览器不支持自动设置页面为首页功能,请您手动在浏览器里设置该页面为首页!");
        }
    }
</SCRIPT>
       <FONT color=#ffff00><FONT size=3>| </FONT></FONT><A title="" href="http://www.cbdc1.cn/a/zixun/" target=_blank><FONT color=#ffff00 size=3>在线留言</FONT></A><FONT color=#ffff00 size=3> |</FONT><A title="" href="http://www.cbdc1.cn/a/about/lianxiwomen/" target=_blank><FONT color=#ffff00 size=3>联系我们</FONT></A><FONT color=#3c72c4><FONT color=#ffff00 size=3>|&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &nbsp;</FONT>&nbsp;</FONT></P></td>
    </tr>
  </table>

顶部通栏加入收藏等代码是设计网页常用的,演示网站中国品牌发展中心 http://www.cbdc1.cn 顶部的通栏 收藏代码等  

推荐阅读:
  1. html超链接的下划线如何去掉
  2. html去除字体下划线的方法

免责声明:本站发布的内容(图片、视频和文字)以原创、转载和分享为主,文章观点不代表本网站立场,如果涉及侵权请联系站长邮箱:is@yisu.com进行举报,并提供相关证据,一经查实,将立刻删除涉嫌侵权内容。

收藏代码 下划线 超链

上一篇:Windows系统管理员更改普通用户文件所有者

下一篇:如何将Spring Boot应用跑在Docker容器中

相关阅读

您好,登录后才能下订单哦!

密码登录
登录注册
其他方式登录
点击 登录注册 即表示同意《亿速云用户服务条款》