Thuộc tính nhiều background
Định nghĩa và sử dụng Thuộc tính background trong css3 có thể sử dụng để khai báo nhiều dạng background khác nhau, mỗi dạng cách nhau bởi dấu phẩy. Cấu trúc tag { background: nhóm lệnh background 1,nhóm lệnh background 2,…,nhóm lệnh background n; } Nhóm lệnh background nào khai báo trước thì background đó […]
Định nghĩa và sử dụng
Thuộc tính background trong css3 có thể sử dụng để khai báo nhiều dạng background khác nhau, mỗi dạng cách nhau bởi dấu phẩy.
Cấu trúc
tag {
background: nhóm lệnh background 1,nhóm lệnh background 2,...,nhóm lệnh background n;
}
Nhóm lệnh background nào khai báo trước thì background đó sẽ nằm trên, nhóm lệnh background nào khai báo sau sẽ nằm dưới, thứ tự từ trái sang phải.
Ví dụ
Html viết:
<html> <head></head> <body> <p>Background multi</p> </body> </html>
Hiển thị trình duyệt khi chưa có CSS:
Background multi
CSS viết:
div {
background: url(https://lth90.top/wp-content/uploads/2023/10/css-02.jpg) no-repeat right bottom, url(https://lth90.top/wp-content/uploads/2023/10/css3-02.jpg) no-repeat center center, url(https://lth90.top/wp-content/uploads/2023/09/img_planet.png) repeat-x left top;
height: 250px;
}
Hiển thị trình duyệt:
Background multi
Trình duyệt hỗ trợ
Yêu cầu phiên bản trình duyệt và hệ điều hành tối thiểu được hỗ trợ:
| Trình duyệt PC | Smartphone – Tablets | |
| background gradient | Internet Explorer 9 | IOS 3.2 |
| Firefox 12 | Android 2.1 | |
| Opera 12 | Window Phone 7.5 | |
| Google Chrome 20 | ||
| Safari 5.1 |
