网页制作小技巧:如何去掉超链接的下划线

  我们可以用CSS语法来控制超链接的形式、颜色变化。

  下面我们做一个这样的链接:未被点击时超链接文字无下划线,显示为蓝色;当鼠标在链接上时有下划线,链接文字显示为红色;当点击链接后,链接无下划线,显示为绿色。

  实现方法很简单,在源代码的和之间加上如下的CSS语法控制:

  <style type="text/css">
   <!--
   a:link { text-decoration: none;color: blue}
   a:active { text-decoration:blink}
   a:hover { text-decoration:underline;color: red} 
   a:visited { text-decoration: none;color: green}
   --> 
   </style>

时间: 2024-09-15 04:40:41

网页制作小技巧:如何去掉超链接的下划线的相关文章

网页制作小技巧

技巧|网页 网页制作小技巧之二 如何使同一页中的超文本链接呈现不同的颜色 通常在网页的<body>中设置连接的颜色,如:<body link="#FF00FF" vlink="#FF0000" alink="#008080"> 其中:link -- Hyperlink(连接)的颜色 vlink-- visited Hyperlink(已访问过的连接)颜色 alink-- active Hyperlink (当前活动的连接)

网页制作小技巧:揪出网页无效链接

技巧|链接|网页 在我们浏览网站的时候,一定都遇到过页面上带红叉的无效图片或者"无法找到网页"的提示,出现如此现象一般都是因为链接文件的位置发生变化.被误删除或者文件名的拼写错误造成的.为了避免出现无效链接的尴尬,树立良好的网站形象,当我们完成一个网站的设计制作后,一定要认真地检查是否存在失效链接,以便及时修改. 将无效链接扼杀在上传前 为了预防网站上传后出现无效链接,在上传前我们可以使用FrontPage2003的超链接报表功能来检查整个网站的链接情况,如果遇到无效链接还可以及时编辑

网页制作小技巧:巧用网页显示硬盘内容

技巧|网页|显示|硬盘     您听说过网页也能用来显示硬盘内容吗?您肯定不信,因为大多数情况下,我们都是通过"我的电脑"和"资源管理器"来浏览硬盘数据.现在就让我们来看看如何用下面一小段"神奇"的网页代码实现硬盘E盘数据的显示功能.你也一定等急了,很想知道这一切是如何发生的.其实非常简单,只需在网页的<head>和</head>中加入如下网页源代码即可实现.相信我,你也能做到的.<?xml:namespace pr

网页制作小技巧之教怎样用好Dreamweaver

dreamweaver|技巧|网页 在互联网络高速发展的今天,有很多网虫都把"家"安在了网上.这样大家对DREAMWEAVER都不陌生, 怎样才能用好DREAMWEAVER呢?在这里我要向大家介绍几种DREAMWEAVER的技巧: 1)仅仅拷贝文字 当我们从Dreamweaver中拷贝文字到另一个应用程序的时候,HTML代码和文字一起被拷贝过去了.一般我们都用快捷键Ctrl - C来拷贝, 如果在拷贝的时候多按一个C键则只会拷贝选中的文字. 2)改变 Dreamweaver 文档显示大

值得收藏的东东 50条网页制作小技巧集锦

控制横向和纵向滚动条的显隐?<body style="overflow-y:hidden"> 去掉x轴<body style="overflow-x:hidden"> 去掉y轴<body scroll="no">不显 -------------------------------------------------------------------------------- 表格变色<TD onmous

网页制作小技巧:编写整洁的HTML代码的原则

文章描述:Web前端:11个让你代码整洁的原则. 写Web页面就像我们建设房子一样,地基牢固,房子才不会倒.同样的,我们制作Web页面也一样,一个良好的HTML结构是制作一个美丽的网站的开始,同样的,良好的CSS只存在同样良好的HTML中,所以一个干净的,语义的HTML的优点很多,那么平时制作中,我们做到了这一点吗?我们一起来看一张图片: 上图展示了两段代码,我想大家都只会喜欢第一种,我们先不说其语义,至少他的结构让我们看上去清爽,而第二种呢?一看就是糟糕的代码的代码,让人讨厌的代码.那么要怎么

网页设计小技巧:解决IE6不支持hover

文章简介:网页设计小技巧:解决IE6不支持hover.  IE6以及更低版本的浏览器对":hover"的支持不理想,对于类似的"p:hover"."img:hover"."#header:hover"...,今天给大家介绍一种新的方法,可以完美解决IE6不支持hover的情况,用法很简单,将下载后的"csshover.htc"文件,定义在body样式内 body { behavior:url("c

40种网页常用小技巧

技巧|网页 下面是javascript的40个网页常用小技巧,对网站开发人员相信会有帮助. 1. oncontextmenu="window.event.returnValue=false" 将彻底屏蔽鼠标右键<table border oncontextmenu=return(false)><td>no</table> 可用于Table 2. <body onselectstart="return false"> 取

网站建设网页设计小技巧分享

网站建设网页设计小技巧分享.在网站建设的过程中我们会遇到很多问题,我们也会去解决各类问题.无论是网站设计还是代码编写.今天针对网站建设过程中我们会遇到的一些小问题,并给出一些简单的解决办法. Ie6不支持Png格式下的透明.效果图如下: 应用解析:有不少人都会对LOGO进行透明处理以融入head部分的渐变背景. 解决方案:采用JS代码实现或CSS滤镜功能,当然问题也存在部分,导致图片质成像量不高. 小技巧1:将透明的LOGO用高于IE6的浏览器打开网页,然后采用FF的PearlCrescentP