/带动画效果的hover/

2023-01-08 17:20:05

 <!DOCTYPE html>

 /*带动画效果的hover*/

 <html lang="en">

 <head>

     <meta charset="UTF-8">

     <title>Title</title>

     <style>

         .ele{

             background-color: #dddddd;/*带动画效果的hover*/

         }

         .ele:hover{

             border: 2px solid red;

         }

         .ele:hover .ele-item{

             color: red;

         }

     </style>

 </head>

 <body>

     <div class="ele">

         <div>123</div>

         <div class="ele-item">123</div>

     </div>

 </body>

 </html>

码农公寓

相关文章