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

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

Kết quả - 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
  • ★★★★★ ★★★★★