💡 Tôi đã chuẩn bị sẵn trình soạn thảo bên dưới bài viết. Bạn có thể thử nghiệm thoải mái!
Cập nhật: 2025年3月1日
Thay đổi màu chữ
📌
Kết luận
Dùng thuộc tính color trong CSS để thay đổi màu chữ
color.
📝 Mã thực tế tại đây
<h1>Tiêu đề</h1>
<style>h1 { color: blue; }</style>Cấu trúc cơ bản của CSS
CSS quy định "Thành phần nào" sẽ được áp dụng "Phong cách gì".📝 Mã thực tế tại đây
Selector { Property: Value; }h1 { color: blue; } có nghĩa là "Làm cho màu chữ của tất cả các phần tử h1 trở thành màu xanh (blue)".
| Cách chỉ định màu | Ví dụ |
|---|---|
| Tên màu tiếng Anh | red, blue, green |
| Mã màu Hex | #ff0000, #0000ff |
| Hàm RGB | rgb(255, 0, 0) |
Tổng kết
- Thay đổi màu chữ bằng thuộc tínhcolor
- CSS bao gồm: Selector (Chọn phần tử), Property (Thuộc tính), Value (Giá trị)
- Có nhiều cách để chỉ định màu sắc (tên màu, mã Hex, v.v.)
Hãy thử trong phần bài tập
Hãy đổi màu chữ của thẻ h1 thành màu xanh (blue) nhé.🧪 Thử nghiệm tại đây
Bạn có thể viết mã thực tế vào trình soạn thảo bên dưới và xem ngay kết quả. Đừng sợ làm hỏng, bạn có thể thử lại bao nhiêu lần tùy thích.
■ Bài tập thực hành
Hãy đổi màu chữ của thẻ h1 thành màu xanh (blue).
Gợi ý khi gặp khó khăn
Sử dụng thuộc tính color trong CSS.