Hình nền / kết cấu đang được sử dụng và thực hiện bằng nhiều cách, thường xuyên bổ sung thêm lo mọi việc đẹp nhất của một trang web. Nó bây giờ là năm CSS3, chúng ta có thể áp dụng các kích thước hình ảnh nền cũng như sử dụng nhiều hình ảnh nền.
CSS3 nền có kích thước là văn bản nền có kích thước : APX BPX
; - APX = x-trục (chiều rộng
) - BPX = y-trục (chiều cao )
; - APX = x-trục (chiều rộng
) - BPX = y-trục (chiều cao )
Background-Kích thước
Bảng điều khiển này là sử dụng 270 500 hình ảnh pixel gọn nhẹ 100 x 200 pixel.
- Hình ảnh nền CSS3 (Size)
- # My_CSS3_id {
- background : url (image_1.extention) dưới cùng bên phải không lặp lại ;
- Moz-background-kích thước : 100px 200px ;
- -O-kích thước : 100px 200px ;
- Webkit-background-kích thước : 100px 200px ;
- }
Một ví dụ cho những người trên các trình duyệt thay thế, không nhìn thấy hiệu ứng hình ảnh nền ...
Nhiều nền hình ảnh
Áp dụng nhiều hình ảnh nền trong CSS3 là khá dễ dàng, bằng cách sử dụng một dấu phẩy với các tài sản nền tảng tiêu chuẩn.
Ví dụ nền : url (image_1.extention) trên cùng bên phải không lặp lại , url (image_2.extention) dưới cùng bên phải không lặp lại ;
Bảng điều khiển này sử dụng ba hình ảnh riêng biệt trong nền tảng của nó.
- Hình ảnh nền CSS3 (Nhiều)
- # My_CSS3_id {
- nền : trên url (image_1.extention) để lại không lặp lại , dưới url (image_2.extention) bên trái không lặp lại , url (image_3.extention) dưới cùng bên phải không lặp lại ;
- }
Một ví dụ cho những người trên các trình duyệt thay thế, không nhìn thấy hiệu ứng hình ảnh nền ...
Công ty thiet ke web – thiet ke web gia re – thiet ke web luôn cập nhật các thông tin mới nhất về chuẩn thiết kế của thế giới.