监控工程|网络综合布线|门禁安装| 防盗报警-上海腾睦弱电工程公司
  设为首页　　收藏本站  返回首页

如何除掉网页连接的下划线

在制作网站的超链接时，制作后发现所有的连接下面都带有一条下划线，而且连接的字体颜色也都是蓝色的。但是在互联网浏览别人的网站中却没有出现这种现象；带着这个问题，我们搜索了一下，发现很多的朋友都提出了这一问题，也有很多的人给出了回答。我们查看了这些回答，结果却不是那么满意。因为提出这个问题的朋友大都是不懂网页开发程序的，对网站制作是初学者或是接触不多的人，给他们的回复是一些代码，而且有些代码就算是比较熟悉网站设计的人来说也不见得就能操作出来。所以这些回答对他们只是一头雾水，无法解决实际问题。

针对这个问题，我们将实实在在的告诉朋友们如何操作，这个方法相当的简单，不需要花半点心思去操作什么“程序”，也不需要懂得什么代码，只要你按照我们所介绍的去操作，代码出去出现在你的网站页面中，可见即可得。包你称心如意。下面进入操作：

  1. 打开DreamweaverCS8.0或CS3，新建一个html页面，保存在站点根目录下。健入带有连接的菜单名称如：关于我们、产品介绍、公司动态，保存好该页面后像在word文档中。
  2. 选中文字一样选中菜单如：截图47.jpg再在属性栏中点击：截图48.jpg，弹出“页面属性”对话框，在“页面属性”对话框中点击左边的“链接CSS”，在右边进行如下图的操作：

截图49.jpg
在如上图中的“链接颜色”后点击可选择你需要的颜色，其它的颜色也可以任意选择，图中的“链接颜色”中指客户浏览网页时所看到的链接文字的颜色。
在“下划线样式”的文本框中的下拉菜单中选择“始终无下线”，点击“确定”完成操作。保存预览，即可看到你需要的操作效果。

  1. 到此时，你知道了这一操作是如何的简单，至于在搜索引擎网站中我们所查找到的回复结果，大都是一些我们看不懂的代码（对不懂英文的朋友来说是看不懂），这时你可以把操作页面切换到代码视图中，可以发现在

“<title>无标题文档</title>”下多了如下的一串代码，下面将对这些代码做解释，会使你更加理会。
<style type="text/css">
a {
         font-size: 12px;
         color: #000;
}
a:link {
         text-decoration: none;
}
a:visited {
         text-decoration: none;
         color: #000;
}
a:hover {
         text-decoration: none;
         color: #000;
}
a:active {
         text-decoration: none;
         color: #000;
}
</style>

四、现在对上面的代码做一个解释，便于不懂代码的朋友们以后做为参考。font-size: 12px;（表示文字大小，px是像素的符号）。text-decoration: none;（decoration表示下划线，none英文即是没有，这里是指无下划线）
         color: #000;（color是指颜色，#000是指颜色符号，这里用的全是黑色。）

五、如果本文发表到博客、百度文库等网站时，可能图片不能上传会引起朋友们在操作上的不便时，可以登录我们的网站http://www.shwzsj.com/xin.htm/28.htm,　这里有图文并茂的详细介绍，使你一看便懂。

 

 

上一篇：如何使用压缩包　　　　　　　　　　　　　　　　　下一篇：如何保护电脑硬盘

设为首页　　收藏本站  | 联系我们 | 技术支持 | 站点地图 |

电话：021-52841260 13917759585 13764669105 邮箱：278710061@qq.com

上海腾睦智能化系统工程有限公司　保留所有权利 沪ICP备12017569号 　网站支持：上海奔欣网络