Nội dung này đã được lưu trữ và không còn được duy trì bởi Đại học Indiana. Thông tin ở đây có thể không còn chính xác và các liên kết có thể không còn khả dụng hoặc đáng tin cậy
Để thay đổi màu của văn bản và nền của trang web, bạn cần bao gồm các thuộc tính bổ sung trong thẻ HTML biểu định kiểu . Để biết thêm, xem ARCHIVED. CSS là gì?
Sử dụng thuộc tính bgcolor để thay đổi màu nền như sau
Giá trị màu được chỉ định bằng hai thập lục phân mỗi chữ số cho cường độ màu đỏ, lục và lam. Giá trị 00 là tối nhất và ff là sáng nhất, với các giá trị trung gian chỉ định các sắc thái ở giữa. Ví dụ: để chỉ định màu trắng, hãy sử dụng #ffffff. Để chỉ định màu xanh sáng, hãy sử dụng #0000ff. Đối với màu tím, sử dụng #ff00ff. Để biết thêm, xem ARCHIVED. Giá trị RGB của một số màu phổ biến là gì?
Bạn có thể sử dụng các thuộc tính khác theo cách tương tự để chỉ định màu sắc được sử dụng để hiển thị văn bản. Sử dụng thuộc tính text cho văn bản bình thường, thuộc tính liên kết cho các liên kết chưa được truy cập, thuộc tính vlink cho các liên kết đã truy cập trước đó và thuộc tính alink cho các liên kết đang hoạt động. [Một liên kết sẽ hoạt động khi bạn nhấp vào nó. ] Ví dụ: để làm cho tất cả văn bản bình thường có màu trắng và tất cả các liên kết có màu đỏ, bạn sẽ sử dụng
You can also change the text color of individual words or sections rather than entire documents by using the tag with the color attribute, for example:
Bạn có thể sử dụng bất kỳ số thập lục phân nào đại diện cho màu sắc, như được mô tả ở trên. Để tắt tính năng thay đổi màu, hãy sử dụng thẻ
Chọn màu cẩn thận để văn bản của bạn dễ nhìn thấy. Ví dụ: nếu bạn đang sử dụng màu nền tối, bạn nên sử dụng màu sáng cho văn bản và liên kết để đảm bảo mức độ rõ ràng
Thêm màu vào văn bản HTML của bạn thật dễ dàng. Trong hướng dẫn ngắn này, chúng tôi sẽ đề cập đến cách thay đổi màu văn bản HTML của bạn bằng cách sử dụng mã màu Hex, tên màu HTML, giá trị RGB và HSL
Màu văn bản sử dụng mã màu Hex
Cách phổ biến nhất để tô màu văn bản HTML là sử dụng mã màu thập lục phân [viết tắt là mã Hex]. Chỉ cần thêm thuộc tính kiểu vào thành phần văn bản bạn muốn tô màu – một đoạn văn trong ví dụ bên dưới – và sử dụng thuộc tính màu với mã Hex của bạn
HTML
Red paragraph text
Bản demo trên CodePen
Không có mã Hex?
Màu văn bản sử dụng tên màu HTML
Một cách khác để tô màu văn bản trang web của bạn là sử dụng tên màu HTML. Mã HTML cũng tương tự, chỉ cần thay mã Hex ở bước trước bằng tên màu bạn muốn sử dụng [trong ví dụ của chúng tôi là màu đỏ]. Có 140 màu được đặt tên để lựa chọn và chúng tôi đã biên soạn một danh sách mà bạn có thể xem tại đây
HTML
Red paragraph text
Bản demo trên CodePen
Màu văn bản sử dụng các giá trị màu RGB
Ngày nay, việc sử dụng các giá trị RGB đang trở nên thịnh hành, nhưng nó cũng dễ dàng như mã Hex hoặc tên màu. Chèn các giá trị RGB của bạn vào tham số rgb[] theo thuộc tính color. Bạn có thể sử dụng công cụ chọn màu của chúng tôi để nhận các giá trị RGB ngoài mã Hex
HTML
Red paragraph text
Bản demo trên CodePen
Khi sử dụng giá trị RGB trong trang web của mình, bạn cũng có thể chỉ định độ mờ. Thay vì rgb[], hãy sử dụng rgba[] – a dành cho alpha, kênh màu kiểm soát độ mờ – và sau ba giá trị màu của bạn, hãy thêm giá trị thứ tư cho độ mờ, trên thang điểm từ 0 – 1 [0 cho hoàn toàn trong suốt, 1 cho
HTML
Red paragraph text
Bản demo trên CodePen
Màu văn bản sử dụng các giá trị màu HSL
Phương pháp thứ tư để thêm màu là sử dụng các giá trị HSL. Tương tự như cú pháp RGB được mô tả ở trên, HSL sử dụng tiền tố hsl[] và ba giá trị cho màu sắc, độ bão hòa và độ sáng. Màu sắc được thể hiện trên thang điểm từ 0 – 360, trong khi độ bão hòa và độ sáng là mỗi tỷ lệ phần trăm trong khoảng từ 0% đến 100%
HTML
Red paragraph text
Bản demo trên CodePen
Cũng giống như RGB, khi sử dụng HSL bạn có thể chỉnh độ mờ của màu ngay trong thuộc tính color. Sử dụng tiền tố hsla[] và bao gồm giá trị thứ tư trong khoảng từ 0 đến 1 cho mức độ mờ mà bạn cần