Để tạo kiểu cho hình ảnh bằng CSS, bạn cần sử dụng các thuộc tính như chiều cao, chiều rộng, - moz-opacity, v.v. Hãy để chúng tôi xem cách tạo hình ảnh trong suốt với thuộc tính CSS - moz-opacity:
Thuộc tính -moz-opacity của hình ảnh được sử dụng để đặt độ mờ của hình ảnh. Thuộc tính này được sử dụng để tạo hình ảnh trong suốt trong Mozilla. IE sử dụng filter:alpha (opacity =x) để tạo hình ảnh trong suốt.
Ví dụ
Bạn có thể thử chạy đoạn mã sau để tạo kiểu cho hình ảnh và đặt độ mờ bằng CSS:
<html> <head> </head> <body> <img style = "border:1px solid red;-moz-opacity:0.2;filter:alpha(opacity=50);" src = "https://www.tutorialspoint.com/assets/videotutorials/courses/css_online_training/380_course_215_image.jpg" /> </body> </html>