18_透明度.html 720 B

1234567891011121314151617181920212223242526
  1. <!DOCTYPE html>
  2. <html lang="en">
  3. <head>
  4. <meta charset="UTF-8">
  5. <meta name="viewport" content="width=device-width, initial-scale=1.0">
  6. <title>Document</title>
  7. <style>
  8. .box{
  9. width: 200px;
  10. height: 200px;
  11. margin:100px auto;
  12. background-color: red;
  13. /* 用颜色控制透明度 */
  14. /* rgba(红,绿,蓝,透明度) 透明度 0-1 0 完全透明 1 完全不透明 */
  15. /* background-color: rgba(255, 0, 0,0.2); */
  16. /* opacity 透明度 0-1 0 完全透明 1 完全不透明 */
  17. opacity: 0.2;
  18. }
  19. </style>
  20. </head>
  21. <body>
  22. <div class="box">
  23. <h1>透明度</h1>
  24. </div>
  25. </body>
  26. </html>