Kiểu HTML
Thuộc tính style
HTML được sử dụng để thêm kiểu cho một phần tử, chẳng hạn như màu sắc, phông chữ, kích thước, v.v.
Thuộc tính kiểu HTML
Việc đặt kiểu của phần tử HTML có thể được thực hiện bằng thuộc tính style
.
Thuộc tính style
HTML có cú pháp sau:
< tagname
style=" property : value; ">
Thuộc tính là thuộc tính CSS. Giá trị là một giá trị CSS.
Bạn sẽ tìm hiểu thêm về CSS sau trong hướng dẫn này.
Màu nền
Thuộc tính CSS background-color
xác định màu nền cho phần tử HTML.
Ví 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>
Hãy tự mình thử »Ví 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>
Hãy tự mình thử » Văn bản màu
Thuộc tính CSS color
xác định màu văn bản cho phần tử HTML:
Ví dụ
<h1 style="color:blue;">This is a heading</h1>
<p style="color:red;">This is a paragraph.</p>
Hãy tự mình thử »Phông chữ
Thuộc tính CSS font-family
xác định phông chữ được sử dụng cho phần tử HTML:
Ví dụ
<h1 style="font-family:verdana;">This is a heading</h1>
<p style="font-family:courier;">This is a paragraph.</p>
Hãy tự mình thử »Cỡ chữ
Thuộc tính CSS font-size
xác định kích thước văn bản cho phần tử HTML:
Ví dụ
<h1 style="font-size:300%;">This is a heading</h1>
<p
style="font-size:160%;">This is a paragraph.</p>
Hãy tự mình thử »Căn chỉnh văn bản
Thuộc tính CSS text-align
xác định căn chỉnh văn bản theo chiều ngang cho phần tử HTML:
Ví dụ
<h1 style="text-align:center;">Centered Heading</h1>
<p style="text-align:center;">Centered paragraph.</p>
Hãy tự mình thử »Tóm tắt chương
- Sử dụng thuộc tính
style
để tạo kiểu cho các phần tử HTML - Sử dụng
background-color
cho màu nền - Sử dụng
color
cho màu văn bản - Sử dụng
font-family
cho phông chữ văn bản - Sử dụng
font-size
cho kích thước văn bản - Sử dụng
text-align
để căn chỉnh văn bản