<!DOCTYPE html>
<html>
<head>
<title>Belajar Style Sheet Pada CSS</title>
<style>
p{
padding: 7px;
color: #051367;
border: solid 1px magenta;
}
</style>
</head>
<body>
<h2>Text Decoration Pada Elemen Level Block</h2>
<p style="text-decoration: underline;">Paragraf ini menggunakan <b>style underline</b></p>
<p style="text-decoration: overline;">Paragraf ini menggunakan style overline</p>
<p style="text-decoration: line-through;">Paragraf ini menggunakan style line-through</p>
<p style="text-decoration: none;"><a href="https://google.com" style="text-decoration: inherit;">Menuju www.google.com</a></p>
<h2>Text Decoration Pada Elemen Level Inline Block</h2>
<p>Satu kata penting pada paragraf ini menggunakan <span style="text-decoration: underline;">style underline</span></p>
<p>Satu kata penting pada paragraf ini menggunakan <b style="text-decoration: overline;">style overline</b></p>
<p>Satu kata penting pada paragraf ini menggunakan <b><u style="text-decoration: line-through;">style line-through</u></b></p>
<p><span style="text-decoration: line-through;">Discount 20%</span> <span>Discount 75%</span> Yuk Beli Sekarang.. sebelum kehabisan..</p>
</html>