Hướng dẫn sử dụng thuộc tính background

Định nghĩa và sử dụng

Thuộc tính background được dùng để định dạng nền (background) cho thành phần.

Cấu trúc

tag {
    Thuộc tính: giá trị;
}
Với thuộc tính và giá trị như sau:
Thuộc tínhgiá trịVí dụMô tả
background-attachmentfixed
scroll
background-attachment :fixed;Xác định thành phần nền được cố định hoặc cuộn so với trang.
Được sử dụng kèm với giá trị background-image
background-colormã màu
tên màu
Giá trị rgb
background-color :#ff0000;
background-color: red;
background-color: rgb(255,0,0);
Xác định màu nền cho thành phần.
background-imageurl(đường dẫn hình)background-image: url(ico_arrow.gif);Xác định hình ảnh nền cho thành phần.
background-positionleft
right
top
bottom
px
%
background-position: left top;Xác định vị trí hình ảnh nền cho thành phần.
Được sử dụng kèm với giá trị background-image.
background-repeatrepeat-x
repeat-y
repeat
no-repeat
background-repeat: repeat-x;Xác định hình ảnh nền được lặp như thế nào.
backgroundMột hoặc nhiều giá trị của các thuộc tính trênbackground: url(ico_arrow.gif) repeat-x left top;Có giá trị riêng lẻ hoặc tổng hợp các thuộc tính trên.

Hướng dẫn sử dụng thuộc tính background

Xem thêm:
Học thiết kế web tại Hà Nội
Đào tạo lập trình php
Bài sau
« Bài trước
Bài trước
Bài sau »