📜  Blaze UI 排版超链接(1)

📅  最后修改于: 2023-12-03 15:29:37.642000             🧑  作者: Mango

Blaze UI 排版超链接

Blaze UI 是一个基于现代化样式设计的 CSS framework,其中包括了大量的 CSS class,可以帮助开发者快速实现各种常见的页面布局、元素样式等设计。

在 Blaze UI 中,实现超链接的样式非常简单,只需要使用 blaze-link 这个 class 即可,如下所示:

<a href="#" class="blaze-link">Blaze UI Link</a>

该超链接的颜色将会随页面主题颜色变化而变化。

此外,Blaze UI 还提供了其他一些用于修改超链接样式的 class,如 blaze-link--underlinedblaze-link--no-underlineblaze-link--bold 等等,可以非常灵活地应用于不同的超链接场景中。

<a href="#" class="blaze-link blaze-link--underlined">Blaze UI Underline Link</a>
<a href="#" class="blaze-link blaze-link--no-underline">Blaze UI No Underline Link</a>
<a href="#" class="blaze-link blaze-link--bold">Blaze UI Bold Link</a>

注意: 在使用这些 class 修改超链接样式时,需要与 blaze-link 一起使用,不建议单独使用。

除此之外,Blaze UI 的排版也是非常简单易用的,只需要在相应的 HTML 元素上加上对应的 class 即可快速实现各种页面排版效果。

比如,使用 blaze-text--2xl class 就可以让文本显示为较大的字号:

<h1 class="blaze-text--2xl">Blaze UI Headline</h1>

更多的 Blaze UI 排版 class,请参考以下文档:

Blaze UI Typography