<a class="$$link $$link-primary">Click me</a>
<a class="$$link $$link-primary">Click me</a>
<a class="$$link $$link-primary">Click me</a>
<a class="$$link $$link-primary">Click me</a>链接组件为链接添加了缺失的下划线样式。
| 类名 | 类型 | |
|---|---|---|
| link | 组件 | 添加下划线 |
| link-hover | 样式 | 仅在悬停时显示下划线 |
| link-neutral | 颜色 | 中性色 |
| link-primary | 颜色 | primary 色 |
| link-secondary | 颜色 | secondary 色 |
| link-accent | 颜色 | accent 色 |
| link-success | 颜色 | success 色 |
| link-info | 颜色 | info 色 |
| link-warning | 颜色 | warning 色 |
| link-error | 颜色 | error 色 |
<a class="$$link">Click me</a>
<a class="$$link">Click me</a>
<a class="$$link">Click me</a>
<a class="$$link">Click me</a>Tailwind CSS 默认重置链接的样式。
添加 “link” 类使其看起来像一个一样。
<p> Tailwind CSS resets the style of links by default. <br /> Add "link" class to make it look like a <a class="$$link">normal link</a> again. </p>
<p>
Tailwind CSS resets the style of links by default.
<br />
Add "link" class to make it look like a
<a class="$$link">normal link</a>
again.
</p>
<p>
Tailwind CSS resets the style of links by default.
<br />
Add "link" class to make it look like a
<a class="$$link">normal link</a>
again.
</p>
<p>
Tailwind CSS resets the style of links by default.
<br />
Add "link" class to make it look like a
<a class="$$link">normal link</a>
again.
</p><a class="$$link $$link-primary">Click me</a>
<a class="$$link $$link-primary">Click me</a>
<a class="$$link $$link-primary">Click me</a>
<a class="$$link $$link-primary">Click me</a><a class="$$link $$link-secondary">Click me</a>
<a class="$$link $$link-secondary">Click me</a>
<a class="$$link $$link-secondary">Click me</a>
<a class="$$link $$link-secondary">Click me</a><a class="$$link $$link-accent">Click me</a>
<a class="$$link $$link-accent">Click me</a>
<a class="$$link $$link-accent">Click me</a>
<a class="$$link $$link-accent">Click me</a><a class="$$link $$link-neutral">Click me</a>
<a class="$$link $$link-neutral">Click me</a>
<a class="$$link $$link-neutral">Click me</a>
<a class="$$link $$link-neutral">Click me</a><a class="$$link $$link-success">Click me</a>
<a class="$$link $$link-success">Click me</a>
<a class="$$link $$link-success">Click me</a>
<a class="$$link $$link-success">Click me</a><a class="$$link $$link-info">Click me</a>
<a class="$$link $$link-info">Click me</a>
<a class="$$link $$link-info">Click me</a>
<a class="$$link $$link-info">Click me</a><a class="$$link $$link-warning">Click me</a>
<a class="$$link $$link-warning">Click me</a>
<a class="$$link $$link-warning">Click me</a>
<a class="$$link $$link-warning">Click me</a><a class="$$link $$link-error">Click me</a>
<a class="$$link $$link-error">Click me</a>
<a class="$$link $$link-error">Click me</a>
<a class="$$link $$link-error">Click me</a><a class="$$link $$link-hover">Click me</a>
<a class="$$link $$link-hover">Click me</a>
<a class="$$link $$link-hover">Click me</a>
<a class="$$link $$link-hover">Click me</a>