Để sử dụng hình ảnh nổi trong HTML, hãy sử dụng thuộc tính CSS float. Nó cho phép bạn làm nổi một hình ảnh sang trái hoặc phải. Các giá trị thuộc tính khác bao gồm các giá trị sau:
| Sr.No. | Giá trị &Mô tả thuộc tính |
|---|---|
| 1 | không Không trôi nổi |
| 2 | left Nổi bên trái |
| 3 | right Nổi sang bên phải |
| 4 | ban đầu Giá trị mặc định |
Ví dụ
Bạn có thể thử chạy đoạn mã sau để sử dụng hình ảnh nổi trong HTML. Đây là cách sử dụng thuộc tính CSS float right và float left
<!DOCTYPE html> <html> <head> <title>HTML Floating Image</title> </head> <body> <h1>Float Right</h1> <p>The below image floats to the right.</p> <p> <img src="https://www.tutorialspoint.com/green/images/logo.png" style="float:right" width="190" height="84" /> This is demo text. This is demo text. This is demo text. This is demo text. This is demo text. This is demo text. This is demo text. This is demo text. This is demo text. This is demo text. This is demo text. This is demo text. This is demo text. This is demo text. This is demo text. This is demo text. </p> <h1>Float Left</h1> <p>The below image floats to the left.</p> <p> <img src="https://www.tutorialspoint.com/green/images/logo.png" style="float:left" width="190" height="84" /> This is demo text. This is demo text. This is demo text. This is demo text. This is demo text. This is demo text. This is demo text. This is demo text. This is demo text. This is demo text. This is demo text. This is demo text. This is demo text. This is demo text. This is demo text. This is demo text. </p> </body> </html>
Đầu ra
