核心工具:Stylish 擴充功能
Chrome、Firefox 皆需安裝 Stylish(或 Stylus)來管理、套用使用者樣式(UserStyle)。安裝後即可從網站或手動導入 CSS。
實戰一:一鍵啟用全站夜間模式(護眼)
- 安裝 Stylish 並重啟瀏覽器。
- 上
userstyles.org 搜尋 Global dark style。
- 挑選喜歡的樣式,點「Install with Stylish」→ 確認安裝。
- 重新整理頁面,背景變深色、文字反白,長時間閱讀不刺眼。

實戰二:百度/Google 搜尋結果強制雙欄顯示(善用寬螢幕)
寬螢幕單欄顯示浪費空間。手動導入 CSS 實現雙欄:
- 下載現成 CSS(文中提供
tinyurl.com/k24krvx),用文字編輯器開啟複製全部代碼。
- 瀏覽器「工具」→「附加元件」→「使用者樣式」→「撰寫新樣式」。
- 命名、加標籤,貼上 CSS 代碼,儲存。

效果:搜尋結果雙欄並排、側邊廣告被隱藏、資訊密度倍增。
進階:自己寫 CSS、針對特定網站客製化
- Stylish 支援「套用網域」設定,可只對特定網站生效。
- 善用開發人員工具(F12)檢視元素,針對性隱藏干擾區塊、調整字體大小/行高/配色。
- 常用技巧:`display:none` 隱藏廣告、側欄;`body { background:#1a1a1a; color:#ddd; }` 快速夜間模式。
小結
Stylish + CSS 讓使用者重掌瀏覽體驗主導權:護眼、高效、無廣告。從現成樣式入門,再慢慢學幾行 CSS,網頁就真正變成「你想要的樣子」。