box-shadow

階層樣式表 (Cascading Stylesheets；CSS) 主要用來塑造網站的特殊風格，例如有段文字要用紅色來標明重點或是網頁版面要呈現2欄或 3欄的架構等等，對初學者而言參考別人寫好的 CSS 語法，可以快速增加對 CSS 的靈活運用，「Copy & Paste CSS」 是個提供 Buttons 及 Box-shadows 的模板網站，使用者可以透過其展示的樣式，如果符合自己的需求，便可以複製其 CSS語法，然後套用到自己的網頁，另外，該網站的 Color palettes 還提供已搭配好的顏色組合，供你複製帶走。

階層樣式表 (Cascading Stylesheets，CSS) ，最主要的功能就是讓 HTML 網頁上的元素套用不同的樣式，讓同一個元素可以有不同的樣貌呈現，不過對於初學者而言，要了解整個 CSS 語法規則並不容易，除了時間之外，如果有輔助的工具可以協助，相信可以更快的跨過門檻，CSS Grab n' Go Editor 是個可視化的 CSS 語法編輯器，其主要鎖定 border、box-shadow、text、filter、transform 常用屬性進行變化，用戶可以透過可操作的面板進行屬性值變更，且立刻可看到所產生的變化，完成整個調整，還可以快速產生 CSS、SASS、SCSS 及 LESS 相關語法，快速套用到元素上。

網頁在呈現方框、線條、文字等元素時，如果可以適時的加入陰影，就可讓該元素有立體效果的展現，Beautiful CSS box-shadow examples 這個網站做出了 80 多個 box-shadow 模板，使用者僅需要挑選適合自己網頁呈現的樣式，完全不必再經過任何的調整，就可以將 CSS 語法帶走，套用到自己的網頁內，快速又方便。