Computer >> Hướng Dẫn Máy Tính >  >> Lập Trình >> JavaScript

Cách định dạng hình ảnh với CSS?


Để định dạng hình ảnh với CSS, bạn cần sử dụng các thuộc tính như height, width, -moz-opacity, v.v. Hãy 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 một hình ảnh được dùng để đặt độ mờ của hình ảnh. Thuộc tính này được 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ể chạy mã sau để định dạng hình ảnh và đặt độ mờ với 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>