• 注册
  • 查看作者
    • CSS :hover选择器使用教程

      效果1
      目标 a:hover {
      border: solid 3px #d5111e;
      }

      效果2
      a:hover
      {
      background-color:yellow;

      定义和用法
      :hover 选择器用于选择鼠标指针浮动在上面的元素。

      提示::hover 选择器可用于所有元素,不只是链接。

      提示::link 选择器设置指向未被访问页面的链接的样式,:visited 选择器用于设置指向已被访问的页面的链接,:active

      选择器用于活动链接。

      注释:在 CSS 定义中,:hover 必须位于 :link 和 :visited 之后(如果存在的话),这样样式才能生效。

      例子 1
      选择未访问、已访问、悬浮和活动链接,并设置它们的样式:

      a:link    {color:blue;}
      a:visited {color:blue;}
      a:hover   {color:red;}
      a:active  {color:yellow;}

      例子 2
      为链接设置不同的样式:

      a.ex1:hover,a.ex1:active {color:red;}
      a.ex2:hover,a.ex2:active {font-size:150%;}

      能不能NEW一下你

      江苏·常州
    • 1
    • 0
    • 0
    • 56
    • 马้้้้้้蒂้้้้้้

      请登录之后再进行评论

      登录

      分享有礼

    • 发表内容
    • 做任务
    • 实时动态