> For the complete documentation index, see [llms.txt](https://lochiwei.gitbook.io/web/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://lochiwei.gitbook.io/web/css/layout/system/box.md). # Box 基本上不是作為排版的元件，但具有背景、邊框等。 {% tabs %} {% tab title="👥 相關" %} * Layout ⟩ [Dark Theme](/web/css/layout/system/dark-theme.md) {% endtab %} {% tab title="Second Tab" %} {% endtab %} {% endtabs %} {% hint style="info" %} 設計原則： * 具有「**有形的邊界**」：設計時需搭配 border, background-color, color * 與內文「**有一致的間距**」：padding {% endhint %} {% hint style="warning" %} box.mjs **更改樣式的策略**與 [vstack.mjs](/web/css/layout/system/vstack.md#version) **不同**。 * box.mjs 利用 setters 將樣式直接寫到個別的 \ 樣式 (**this.style**) 中，因此無法共用。 * vstack.mjs 則是間接將**客製化的 \