主頁
CSS
CSS 文字
文字裝飾
Tryit：裝飾線不同的樣式
執行 ❯
建立您
自己的
網站
×
更改方向
儲存程式碼
更改主題，深色/淺色
前往 Spaces
<!DOCTYPE html> <html> <head> <style> h1 { text-decoration-line: underline; text-decoration-style: solid; /* this is default */ } h2 { text-decoration-line: underline; text-decoration-style: double; } h3 { text-decoration-line: underline; text-decoration-style: dotted; } p.ex1 { text-decoration-line: underline; text-decoration-style: dashed; } p.ex2 { text-decoration-line: underline; text-decoration-style: wavy; } p.ex3 { text-decoration-line: underline; text-decoration-color: red; text-decoration-style: wavy; } </style> </head> <body> <h1>Heading 1</h1> <h2>Heading 2</h2> <h3>Heading 3</h3> <p class="ex1">A paragraph.</p> <p class="ex2">Another paragraph.</p> <p class="ex3">Another paragraph.</p> </body> </html>
