Computer >> Máy Tính >  >> Lập trình >> CSS

Trang trí văn bản trong CSS

Để trang trí văn bản trong CSS, hãy sử dụng thuộc tính text-decoration làm thuộc tính viết tắt cho các thuộc tính sau -

text-decoration-line
text-decoration-color
text-decoration-style

Ví dụ

Hãy để chúng tôi xem một ví dụ về trang trí văn bản trong CSS -

<!DOCTYPE html>
<html>
<head>
<style>
.demo {
   text-decoration: overline underline;
}
</style>
</head>
<body>
<h1>Details</h1>
<p class="demo">Examination Center near ABC College.</p>
<p class="demo2">Exam begins at 9AM.</p>
</body>
</html>

Đầu ra

Trang trí văn bản trong CSS

Ví dụ

Bây giờ chúng ta hãy xem một ví dụ khác, trong đó chúng ta đang sử dụng các giá trị riêng biệt -

<!DOCTYPE html>
<html>
<head>
<style>
p {
   writing-mode: vertical-rl;
   text-decoration-line: overline;
   text-decoration-color: red;
   text-decoration-style: wavy;
}
</style>
</head>
<body>
<h1>Demo Heading</h1>
<p>This is demo text.</p>
</body>
</html>

Đầu ra

Trang trí văn bản trong CSS