Tự code rồi chạy thử... Chạy Thử

<!DOCTYPE html>
<html>
<head>
<title>Code Thuộc tính text-decoration-color trong CSS</title>
<style>
span{width:100%; float:left; height:auto; margin-bottom:20px}
p {text-decoration-line: underline;}
</style>
</head>
<body>
<h1>Code Thuộc tính text-decoration-color trong CSS</h1>

<span>Thuộc tính text-decoration-color trong CSS kết hợp với thuộc tính text-decoration-line để vẽ màu cho các dấu gạch cho văn bản trong phần tử HTML:</span>

<p style=" -webkit-text-decoration-color: red;  text-decoration-color: red;">text-decoration-color: red;</p>

<p style="-webkit-text-decoration-color: #008001;  text-decoration-color: #008001;">text-decoration-color: #008001;</p>

<p style="-webkit-text-decoration-color: rgb(0, 0, 255);  text-decoration-color: rgb(0, 0, 255);">text-decoration-color: rgb(0, 0, 255);</p>

<p style="-webkit-text-decoration-color: rgba(201, 76, 76, 0.3);  text-decoration-color: rgba(201, 76, 76, 0.3);">text-decoration-color: rgba(201, 76, 76, 0.3);</p>

<p style=" -webkit-text-decoration-color: hsl(89, 43%, 51%);  text-decoration-color: hsl(89, 43%, 51%);">text-decoration-color: hsl(89, 43%, 51%);</p>

<p style=" -webkit-text-decoration-color: hsla(89, 43%, 51%, 0.3);  text-decoration-color: hsla(89, 43%, 51%, 0.3);">text-decoration-color: hsla(89, 43%, 51%, 0.3);</p>

</body>
</html>

Code Thuộc tính text-decoration-color trong CSS nằm trong bài viết Thuộc tính text-decoration-color trong CSS