Text trong CSS: Trong CSS, bạn có nhiều cách để điều chỉnh và tùy chỉnh văn bản trên trang web của mình. Dưới đây là một số thuộc tính liên quan đến văn bản mà bạn có thể sử dụng:
- Màu Chữ (Color): Điều chỉnh màu sắc của văn bản.
css
/* Đặt màu chữ là đỏ */
color: red;
- Phông Chữ (Font): Điều chỉnh loại phông chữ, kích thước và nguồn của văn bản.
css
/* Đặt phông chữ là Arial, có kích thước 16px */
font-family: Arial, sans-serif;
font-size: 16px;
- Định Dạng Chữ (Font Style): Đặt văn bản là nghiêng hoặc không nghiêng.
css
/* Đặt văn bản là nghiêng */
font-style: italic;
- Độ Đậm (Font Weight): Điều chỉnh độ đậm của văn bản.
css
/* Đặt văn bản đậm */
font-weight: bold;
- Gạch Chân Chữ (Text Decoration): Điều chỉnh việc gạch chân, gạch ngang hoặc gạch chân xuyên qua văn bản.
css
/* Đặt gạch chân chữ */
text-decoration: underline;
/* Gạch chân xuyên qua chữ */
text-decoration: line-through;
- Canh Lề Văn Bản (Text Alignment): Điều chỉnh căn lề văn bản theo chiều ngang.
css
/* Căn lề văn bản vào giữa */
text-align: center;
- Canh Lề Dọc (Vertical Alignment): Điều chỉnh căn lề dọc của văn bản bên trong phần tử.
css
/* Căn lề dọc văn bản vào giữa */
vertical-align: middle;
- Khoảng Cách Giữa Dòng (Line Height): Điều chỉnh khoảng cách giữa các dòng văn bản.
css
/* Đặt khoảng cách giữa dòng là 1.5 */
line-height: 1.5;
- Biểu Tượng Đầu Dòng (List Style): Điều chỉnh biểu tượng đầu dòng cho danh sách.
css
/* Sử dụng dấu bắt đầu là dấu chấm trong danh sách không có gạch chân */
list-style-type: disc;
Các thuộc tính trên chỉ là một phần nhỏ của những gì bạn có thể làm với văn bản trong CSS. Bạn có thể kết hợp các thuộc tính này để tạo ra giao diện văn bản phong phú và thú vị trên trang web của mình.