Thuộc tính text-decoration kết hợp trong CSS

Thuộc tính text-decoration kết hợp trong CSS

Thuộc tính text-decoration kết hợp trong CSS

Tự code rồi chạy thử... Chạy Thử 
<!DOCTYPE html>
<html>
<head>
<title>Thuộc tính text-decoration kết hợp trong CSS</title>
<style>
p {margin-bottom:30px}
</style>
</head>
<body>

<h1>Thuộc tính text-decoration kết hợp trong CSS</h1>

<p>Dùng để gạch ngang văn bản, gạch dưới văn bản, gạch trên văn bản để tạo sự khác biệt với các văn bản khác, ngoài ra bạn có thể kết hợp thêm kiểu gạch đứt, gạch uống cong, màu sắc cho gạch, độ dày....</p>

<p style="text-decoration: overline dotted red;">text-decoration: overline dotted red; Gạch trên, đường nét đứt, màu đỏ</p>

<p style="text-decoration: line-through wavy blue;">text-decoration: line-through wavy blue; Gạch ngang, đường uống cong, màu xanh dương</p>

<p style="text-decoration: underline wavy blue;">text-decoration: underline wavy blue; Gạch dưới, đường uống cong, màu xanh dương</p>

<p style="text-decoration: underline wavy blue 5px;">text-decoration: underline wavy blue 5px; Gạch dưới, đường uống cong, màu xanh dương, độ dày 5px</p>

<p style="text-decoration: underline blue;">text-decoration: underline wavy blue; Gạch dưới, màu xanh dương</p>

</body>
</html>
Thuộc tính text-decoration kết hợp trong CSS nằm trong bài viết Thuộc tính text-decoration trong CSS