Ngôn ngữ CSS - CSS3 Multi Background

Thuộc tính Multi Background trong CSS3

Thuộc tính Multi Background trong CSS3 được sử dụng để thêm một hoặc nhiều hình ảnh tại một thời điểm mà không cần sử dụng HTML code. Bạn có thể thêm các hình ảnh mỗi khi cần đến.

Cú pháp đơn giản của Multi Background giống như sau:

tagName {
        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ụ:

#example1 {
    background: url(images/img_flwr.gif) left top no-repeat, url(images/img_flwr.gif) right bottom no-repeat, url(images/paper.gif) left top repeat;
    padding: 15px;
    background-size: 50px, 130px, auto;
}

Xem ví dụ