css中的hover怎么用

2024-01-17 16:48 小编
  hover的定义
 
  :hover选择器用于选择鼠标指针浮动在上面的元素,它适用于所有元素
 
  :hover选择器适用于所有元素
 
  hover的用法
 
  用法一:鼠标悬浮在元素上改变元素样式
 
  例:当鼠标悬浮在字体上,字体颜色发生改变
 
  <style>
 
  h1:hover{
 
  color:pink;
 
  }
 
  </style>
 
  </head>
 
  <body>
 
  <h1>PHP中文网</h1>
 
  </body>
 
  效果图:
 
  这个是最普通的用法了,只是改变了style样式
 
  用法2:通过hover控制其他块的样式
 
  这个用法可以有分为以下三种样式
 
  (1)控制子元素的样式
 
  <style>
 
  h1:hoverp{
 
  background-color:pink;
 
  }
 
  </style>
 
  </head>
 
  <body>
 
  <h1>PHP中文网
 
  <p>hover的用法</p>
 
  </h1>


Tag: 怎么
在线咨询 拨打电话

电话

13363039260

内部绝密传真282期

微信二维码