Hướng dẫn dùng color null trong PHP
1) Thuộc tính background-color trong CSS- Thuộc tính background-color dùng để thiết lập "màu nền" của phần tử HTML. Show Nội dung chính
- Ví dụ: Phần tử này được thiết lập nền màu vàng - Lưu ý: Đối với một phần tử HTML, phần diện tích được thiết lập màu nền sẽ bao gồm các phần:
2) Cách sử dụng thuộc tính background-color trong CSS- Để sử dụng thuộc tính background-color, ta dùng cú pháp như sau:
- Trong đó, ta thấy giá trị của thuộc tính background-color có thể được xác định bởi một trong bốn loại:
- Ngoài ra, thuộc tính background-color cũng thường được dùng để chỉnh màu nền cho văn bản.
Xem ví dụ
Color transparence là gì?Color Cấu trúctag {
color: rgba(n1, n2, n3, độ trong suốt);
background-color: rgba(n1, n2, n3, độ trong suốt);
}
Color transparenceHTML viết:
CSS viết - khi chưa sử dụng transparence: div { height: 140px; position: relative; } div .text { color: #000; font-size: 30px; font-weight: bold; } div .color { color: #7ACAFF; font-size: 80px; font-weight: bold; left: 0; position: absolute; top: -40px; } Hiển thị trình duyệt khi chưa có transparence: Nội dung text bên dưới Color Ta thấy nội dung "Color" nằm bên trên và che đoạn text bên dưới, ta không thể thấy nội dung bên dưới được, bây giờ ta sẽ sử dụng color CSS viết: div .color {
color: rgba(122, 202, 255, 0.7);
font-size: 80px;
font-weight: bold;
left: 0;
position: absolute;
top: -40px;
} Hiển thị trình duyệt: Nội dung text bên dưới Color Ta thấy rõ kết quả khá ấn tượng với cách dùng đơn giản như trên, các giá trị Background transparenceTa đã biết color HTML viết:
CSS viết - khi chưa sử dụng div { height: 140px; position: relative; } div .text { color: #000; font-size: 30px; font-weight: bold; } div .color { background-color: #C685FF; height: 100px; line-height: 100px; text-align: center; top: 0; width: 200px; } Hiển thị trình
duyệt khi chưa có Nội dung text bên dưới Background Ta thấy nội dung "Background" nằm bên trên và che đoạn text bên dưới, bây giờ ta sẽ sử dụng background với color CSS viết: div .color {
background-color: rgba(198, 133, 255, 0.7);
height: 100px;
line-height: 100px;
text-align: center;
top: 0;
width: 200px;
} Hiển thị trình duyệt: Nội dung text bên dưới Background Tới đây chắc ta đã biết cách sử dụng |