Gạch ngang văn bản
Thuộc tính text-decoration dùng để tạo một đường gạch ngang cho văn bản. Cú pháp
text-decoration: overline|line-through|underline|none;
Trong đó:
- overline: tạo đường gạch ngang ở trên đầu văn bản
- line-through: tạo đường gạch ngang ở giữa văn bản
- underline: tạo đường gạch ngang ở dưới đít văn bản
- none: loại bỏ đường gạch ngang (thường dùng để loại bỏ đường gạch ngang dưới đít của liên kết)
Ví dụ
h1{
text-decoration: overline;
}
h2{
text-decoration: line-through;
}
h3{
text-decoration: underline;
}
.lienket{
text-decoration: none;
}
Xem Ví Dụ:
<!DOCTYPE html>
<html>
<head>
<style type="text/css">
h1{
text-decoration: overline;
}
h2{
text-decoration: line-through;
}
h3{
text-decoration: underline;
}
.lienket{
text-decoration: none;
}
</style>
</head>
<body>
<h1>Heading 1</h1>
<h2>Heading 2</h2>
<h3>Heading 3</h3>
<a href="">Liên kết mặc định sẽ có đường gạch dưới đít</a>
<br><br>
<a href="" class="lienket">Liên kết này loại bỏ đường gạch đít</a>
</body>
</html>
=> Kết Quả
0 comments:
Post a Comment