排版
用于控制文本装饰样式的实用工具。
| 类名 | 样式 |
|---|---|
decoration-solid | text-decoration-style: solid; |
decoration-double | text-decoration-style: double; |
decoration-dotted | text-decoration-style: dotted; |
decoration-dashed | text-decoration-style: dashed; |
decoration-wavy | text-decoration-style: wavy; |
使用 decoration-dotted 和 decoration-dashed 等实用类来更改元素的文本装饰样式
The quick brown fox jumps over the lazy dog.
The quick brown fox jumps over the lazy dog.
The quick brown fox jumps over the lazy dog.
The quick brown fox jumps over the lazy dog.
The quick brown fox jumps over the lazy dog.
<p class="underline decoration-solid">The quick brown fox...</p><p class="underline decoration-double">The quick brown fox...</p><p class="underline decoration-dotted">The quick brown fox...</p><p class="underline decoration-dashed">The quick brown fox...</p><p class="underline decoration-wavy">The quick brown fox...</p>前缀a text-decoration-style 实用工具类 使用断点变体 (如 md:) 以仅在中等 屏幕尺寸及以上尺寸应用该实用工具类
<p class="underline md:decoration-dashed ..."> Lorem ipsum dolor sit amet...</p>在变体文档中了解有关使用变体的更多信息。