Mỗi thẻ HTML đều có một kiểu mặc định (màu nền trắng và màu chữ đen). Để thay đổi kiểu mặc định trong các thẻ HTML này, người ta sử dụng thuộc tính style.
Ví dụ sau đây sẽ cho ta thấy cách thay đổi màu nền mặc định từ trắng thành vàng;
Ví dụ 1:
<!DOCTYPE html>
<html>
<head>
<title>http://minhhienict.blogspot.com/</title>
</head>
<body style="background-color:yellow"> <!-- Màu nền vàng -->
<h1>Dòng tiêu đề</h1>
<p>Đoạn văn bản.</p>
</body>
</html>
Kết quả:
9.1. Thuộc tính Style
Cú pháp: style = "property: value"9.2. Thuộc tính màu văn bản: Định màu của văn bản sẽ được sử dụng
Ví dụ 2:
<!DOCTYPE html>
<html>
<head>
<title>http://minhhienict.blogspot.com/</title>
</head>
<body>
<h1 style="color:blue">Đây là tiêu đề</h1> <!-- Màu chữ xanh -->
<p style="color:red">Đây là đoạn văn.</p> <!-- Màu chữ đỏ -->
</body>
</html>
Kết quả:
Cú pháp:
- style="color: value" <!-- Màu chữ -->
- style="font-family: value" <!-- Font chữ -->
- style="font-size: value" <!-- Cỡ chữ -->
Ví dụ 3: Xác định font chữ
<!DOCTYPE html>
<html>
<head>
<title>http://minhhienict.blogspot.com/</title>
</head>
<body>
<h1 style="font-family:verdana">Đây là tiêu đề</h1>
<p style="font-family:courier">Đây là đoạn văn.</p>
</body>
</html>
Kết quả:
Ví dụ 4: Xác định kích cỡ chữ
<!DOCTYPE html>
<html>
<head>
<title>http://minhhienict.blogspot.com/</title>
</head>
<body>
<h1 style="font-size:300%">Đây là tiêu đề</h1>
<p style="font-size:160%">Đây là đoạn văn.</p>
</body>
</html>
Kết quả:
Ví dụ 5:
<!DOCTYPE html>
<html>
<head>
<title>http://minhhienict.blogspot.com/</title>
</head>
<body>
<h1 style="text-align:center">Đây là tiêu đề</h1>
<p>Đây là đoạn văn.</p>
</body>
</html>
Kết quả:
0 on: "[HTML] Bài 9: Thẻ định kiểu (Style)"