Căn bản lập trình web voi PHP - Bài 3(IV) : Định dạng HTML nâng cao với CSS

IV. Ví Dụ 

Trên đây chúng ta đã cùng nhau thảo luận những vấn đề chung nhất trong việc sử dụng CSS. Phần tiếp theo tôi xin giới thiệu với các bạn cách áp dụng CSS vào những trường hợp cụ thể. Điều quan trọng trong phần này các bạn cần nhớ đó là các thuộc tính, tác dụng và các giá trị có thể đặt vào của mỗi thuộc tính này.
Áp dụng CSS với nền của trang web
Thuộc tính Background cho phép chúng ta điều khiển nền của một thành phần nào đó trên trang web. Thành phần này có thể là nền trang, nền nút, nền ô textbox,...
Bạn thử tưởng tượng, chúng ta có thể đặt được những thuộc tính gì cho nền? CSS cho phép bạn lựa chọn những thuộc tính sau:
Nền là màu đồng nhất hay là một bức ảnh?
+ Trong trường hợp là màu đồng nhất thì đó là màu gì? Xanh, đỏ,...
+ Trong trường hợp đó là ảnh:
- Ảnh đó là ảnh nào?
- Ảnh đó được sắp xếp thế nào
Các lựa chọn như vậy CSS cho phép qui định như sau:
* Thuộc tính background-color:
- Ý nghĩa: Cho phép đặt màu nền là một màu đồng nhất nào đó.
- Các giá trị:
+ Bộ màu RGB (RGB(255,0,0): Màu đỏ; RGB(0,255,0): Màu xanh lá cây,...)
+ Màu được qui định bởi những con số HEX (#FF0000: Màu đỏ; #00FF00: Màu xanh lá cây,...)
+ Màu cơ bản được đặt tên bằng từ tiếng Anh (red: đỏ; green: xanh lá cây,...)
+ transparent: Trong suốt (có thể nhìn xuyên qua đối tượng có màu nền trong suốt được)
Ví dụ: tạo một lớp nếu áp dụng nó thì đối tượng sẽ có màu nền đỏ.

.MauNenDo {background-color: #FF0000}

* Thuộc tính backround-image đặt một ảnh có sẵn làm nền.
- Các giá trị:
+ url(địa chỉ): lấy ảnh được chỉ định trong "địa chỉ" làm nền.
+ none: Không có ảnh nền.