去除html超链接中的下划线
更新:HHH   时间:2023-1-7


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

返回web开发教程...