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

Với CSS thêm độ trong suốt cho một nút

Để thêm độ trong suốt cho một nút, hãy sử dụng thuộc tính opacity của CSS. Điều này tạo ra giao diện bị vô hiệu hóa cho nút.

Bạn có thể thử chạy đoạn mã sau để thêm độ trong suốt cho nút

Ví dụ

<!DOCTYPE html>
<html>
   <head>
      <style>
         .btn1 {
            color: black;
            text-align: center;
            font-size: 15px;
         }
         .btn2 {
            color: black;
            text-align: center;
            font-size: 15px;
            opacity: 0.8;
         }
      </style>
   </head>
   <body>
      <h2>Result</h2>
      <p>Click below for result:</p>
      <button class = "btn1">Enabled</button>
      <button class = "btn2">Disabled</button>
   </body>
</html>