首页 相关文章 CSS小技巧

CSS小技巧

  经常有朋友问:如何使有超级连接的文字不出现下划线,如何使鼠标移动到超连上产生变色的效果?其实这些通过传统的方法是办不到的。而使用CSS的控制却可以非常轻松地作到,而且,页面的代码也不会臃肿。
★★先看看超连没有下划线的例子:

  例子1: 这个连接可以去页面底部,但是没有下划线。

  是如何作到这一点的呢?在head和/head之间加上如下的CSS语法控制:

style type="text/css"
!--
a:link { text-decoration: none}
a:active { text-decoration: none }
a:visited { text-decoration: none }
--
/style

  这样浏览器在执行时,就明白:

  a:link 指正常的未被访问过的链接
  a:active 指正在点击的链接
  a:visited 指已经访问过的链接
  其中,text-decoration是文字修饰效果的意思,none参数表示使有超级链接的文字不显示下划线。如果讲none替换成unde...[ 查看全文 ]

2016-02-19 标签:

CSS小技巧的相关文章

手机页面
收藏网站 回到头部