Kiểu HTML
Thuộc tính HTML styleđược sử dụng để thêm kiểu vào một phần tử, chẳng hạn như màu sắc, phông chữ, kích thước, v.v.
Thí dụ
Tôi màu đỏ
Tôi buồn
Tôi lớn
Thuộc tính kiểu HTML
Thiết lập kiểu của một phần tử HTML, có thể được thực hiện với stylethuộc tính.
Thuộc tính HTML stylecó cú pháp sau:
<tagname
style="property:value;">
Thuộc tính là một thuộc tính CSS. Giá trị là một giá trị CSS.
Bạn sẽ tìm hiểu thêm về CSS ở phần sau của hướng dẫn này.
Màu nền
Thuộc tính CSS background-colorxác định màu nền cho một phần tử HTML.
Thí dụ
Đặt màu nền cho trang thành màu xanh bột:
<body style="background-color:powderblue;">
<h1>This is a heading</h1>
<p>This is a paragraph.</p>
</body>
Thí dụ
Đặt màu nền cho hai phần tử khác nhau:
<body>
<h1 style="background-color:powderblue;">This is a heading</h1>
<p
style="background-color:tomato;">This is a paragraph.</p>
</body>
Văn bản màu
Thuộc tính CSS colorxác định màu văn bản cho một phần tử HTML:
Thí dụ
<h1 style="color:blue;">This is a heading</h1>
<p style="color:red;">This is a paragraph.</p>
Phông chữ
Thuộc tính CSS font-familyxác định phông chữ được sử dụng cho một phần tử HTML:
Thí dụ
<h1 style="font-family:verdana;">This is a heading</h1>
<p style="font-family:courier;">This is a paragraph.</p>
Cỡ chữ
Thuộc tính CSS font-sizexác định kích thước văn bản cho một phần tử HTML:
Thí dụ
<h1 style="font-size:300%;">This is a heading</h1>
<p
style="font-size:160%;">This is a paragraph.</p>
Căn chỉnh văn bản
Thuộc tính CSS text-alignxác định căn chỉnh văn bản theo chiều ngang cho một phần tử HTML:
Thí dụ
<h1 style="text-align:center;">Centered Heading</h1>
<p style="text-align:center;">Centered paragraph.</p>
Tóm tắt chương
- Sử dụng
stylethuộc tính để tạo kiểu các phần tử HTML - Sử dụng
background-colorcho màu nền - Sử dụng
colorcho màu văn bản - Sử dụng
font-familycho phông chữ văn bản - Sử dụng
font-sizecho các kích thước văn bản - Sử dụng
text-alignđể căn chỉnh văn bản