网页制作基础:如何去掉超链接的下划线(转自:http://homepage.yesky.com/346/2551346.shtml)

我们可以用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>

 

  其中:

  a:link 指正常的未被访问过的链接;

  a:active 指正在点的链接;

  a:hover 指鼠标在链接上;

  a:visited 指已经访问过的链接;

  text-decoration是文字修饰效果的意思;

  none参数表示超链接文字不显示下划线;

  underline参数表示超链接的文字有下划线

  同样,如果讲none替换成overline则给超链接文字加上划线,换成line-through给超链接文字加上删除线,blink则使文字在闪烁。

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
网页制作中有用的添加背景图片代码,添加普通图片,该图片显示在涂鸦面板代码,如何加音乐,如何改变鼠标样式,独特的鼠标样式显示你独特的个性 ……改变链接字体和颜色 <style type=text/css> <!-- A:link{COLOR: 颜色代码;FONT-SIZE:9pt;FONT-FAMILY: 字体名称};A:visited{COLOR:颜色代码;FONT-SIZE:9pt;FONT-FAMILY: 字体名称};A:active{COLOR: 颜色代码;FONT-SIZE:9pt;FONT-FAMILY: 字体名称};A:hover{COLOR: 颜色代码};body{COLOR:颜色代码;FONT-SIZE:9pt; FONT-WEIGHT: bolder;FONT-FAMILY:字体名称} --></style> 注意:这个代码最好是放在前面 A:link是链接的部分,A:visited是已经链接过的链接部分,A:active是被激活的链接部分,A:hover是链接时的显示,body是正文部分的更改。 COLOR: 颜色代码 是颜色的更改,颜色代码可以参看如下网址http://w1w1.bokee.com/3538465.html FONT-SIZE 是字号大小的设置,你可以任意填写数值,默认是9号字,同样你也可以用+1,+2,-1等等表示字号的大小 FONT-FAMILY: 字体名称 是对字体的更改,你打开WORD以后,出现的默认字体(你后装进去的字体,别人是看不到的)都可以放入 FONT-WEIGHT: bolder 是加粗显示,可以替换的是normal,cite,等等 值得注意的是,如果你在前几项中没有设置FONT-WEIGHT: bolder,只在body中有这样的设置,系统将其他几项都默认为FONT-WEIGHT: bolder,想要还原,用FONT-WEIGHT: normal就可以

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值