Thuộc tính background kết hợp nhiều hình nền trong CSS

Trình soạn thảo - Thuộc tính background kết hợp nhiều hình nền trong CSS

Kết quả - Thuộc tính background kết hợp nhiều hình nền trong CSS

Tự code rồi chạy thử... Chạy Thử
<!DOCTYPE html>
<html>
<head>
<title>Thuộc tính background kết hợp nhiều hình nền trong CSS</title>
<style>
body  {
  color:yellow
}
</style>
</head>
<body style="background: url('https://webmoi.vn/thumuc/bg-cay.png') no-repeat bottom right, url('https://webmoi.vn/thumuc/bg-nho.jpg') repeat;">

<h1>Thuộc tính background kết hợp nhiều hình nền trong CSS</h1>

<p>Hình nền một không lặp lại nên để no-repeat, hình nền 2 lặp lại nên để repeat</p>

<p>Hình nền một canh ở góc phải dưới, chiều cao của body tăng theo nội dung</p>
</body>
</html>
  • Thuộc tính background kết hợp nhiều hình nền trong CSS nằm trong bài viết Thuộc tính background trong CSS