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

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

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

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

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

<p>Để hiện cả màu nền và background hình ảnh thì hình ảnh không được lặp lại để hiện thêm màu nền nên dùng no-repeat (background: url('https://webmoi.vn/thumuc/bg-cay.png.jpg') no-repeat;)</p>

<p>Để hình nền hiện góc phải dưới thì dùng thêm bottom right, chiều cao body tự động tràn xuống theo nội dung chữ</p>


</body>
</html>
Thuộc tính background màu nền kết hợp hình ảnh trong CSS nằm trong bài viết Thuộc tính background trong CSS