Computer >> Máy Tính >  >> Lập trình >> CSS

Hiển thị bóng màu xanh lam trên di chuột qua hình ảnh bằng CSS

Để hiển thị bóng khi di chuột qua hình ảnh, hãy sử dụng thuộc tính CSS box-shadow

Ví dụ 

<!DOCTYPE html>
<html>
   <head>
      <style>
         img {
            border: 2px solid orange;
            border-radius: 3px;
            padding: 7px;
         }
         img:hover {
            box-shadow: 0 0 2px 2px blue;
         }
      </style>
   </head>
   <body>
      <img src = "https://www.tutorialspoint.com/videotutorials/images/coding_ground_home.jpg" alt="Online Compiler" width="300" height="300">
   </body>
</html>