點燈坊

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

使用 bg- 設定 Background Color

Sam Xiao's Avatar 2021-02-10

若要設定 Background Color，可使用 Tailwind CSS 的 bg- Utility。

Version

Tailwind CSS 2.0.3

Background Color

bg000

設定背景為淺藍色。

<template>
  <div class="bg-blue-200">Tailwind Rocks</div>
</template>
  • bg-blue-500：設定背景為 blue，數字可設定 100 ~ 900，數字越大表顏色越深

Conclusion

  • bg- 系列 utility 讓我們可以直接對 HTML element 設定 background color，而不用另外撰寫 CSS

Reference

Tailwind CSS, Background Color

# TailwindCSS