https://benzhub.github.io/tags/%E8%83%8C%E6%99%AF/Recent content in 背景 on BenzHubHugozh-TWSun, 16 Aug 2026 00:00:00 +0000https://benzhub.github.io/post/tailwindcss/016-backgrounds-gradients/Sun, 16 Aug 2026 00:00:00 +0000https://benzhub.github.io/post/tailwindcss/016-backgrounds-gradients/<blockquote> <p>上一篇替版面上好了「色」，這一篇把單一顏色延伸成「面」與「光」。<strong>TailwindCSS</strong> 的背景工具組涵蓋背景色、背景圖，以及最迷人的<strong>漸層系統</strong>。v4 把漸層語法整個翻新——<code>bg-linear-to-r</code>（線性）、<code>bg-radial</code>（徑向）、<code>bg-conic</code>（錐形）三種漸層搭配 <code>from</code>／<code>via</code>／<code>to</code> 色標與位置百分比，還新增了 <code>bg-linear-45</code> 角度語法與一整組 <code>mask</code> 遮罩工具。這一篇會帶你玩透背景與漸層，讓版面從「有顏色」進化到「有質感」。</p> </blockquote>