點燈坊

失くすものさえない今が強くなるチャンスよ

使用 text- 設定 Text Color

Sam Xiao's Avatar 2021-02-10

若要設定 Text Color,可使用 Tailwind CSS 的 text- 系列 Utility。

Version

Tailwind CSS 2.0.3

Text Color

color000

Tailwind Rocks 的顏色為深紅色。

<template>
  <div class="text-red-800">Tailwind Rocks</div>
</template>
  • text-red-800:設定 font color,尚有 text-{color} 可用

Conclusion

  • text- 系列 utility 讓我們可以直接設定 font color,而不用另外撰寫 CSS

Reference

Tailwind CSS, Text Color