CSS
含有「CSS」共 146 篇內容
全部內容
發佈日期由新至舊
MyOshi：Vtuber客製化頁面平臺，懷舊風潮能否重現？本文介紹 MyOshi 平臺，一個讓 Vtuber 客製化個人頁面的社群網站，其高度客製化選項和好友列表功能，讓許多人回憶起臺灣曾盛行的無名小站。文章詳述了 MyOshi 的三大特色（拒絕演算法、無 AI、虛擬形象優先）與多項功能
沒有人逼我自架網站，方格子明明就很好寫。但我還是蓋了一間自己的房子。很小，很醜，沒有房東。這不是教學文，是心累文。如果你也曾經選擇「比較難的路」，這篇寫給你。一個關於自尊心、工程師夢、以及現在後悔了但來不及的故事。畢竟頭已經洗一半了呢
你是否曾經在瀏覽網頁或閱讀技術文件時，發現中英文混排的句子裡，英文縮寫（例如 It's, Don't）中間出現了奇怪的莫名空隙？明明原本應該是緊密相連的字母，卻硬生生被拉開，變成了 Don' t 這種尷尬的樣子。
這就是所謂的「幽靈空隙 (ghost space)」。
作為一名長年與代碼打交道的專業 CSS 編寫者，我見證了這門語言從單純的排版工具演變成如今強大且靈活的設計系統基礎。在過去的幾十年裡，我們一直在尋求一種在 CSS 內部處理邏輯的方法。就在最近，隨著 Chrome 137 版本的發佈，我們終於迎來了歷史性的時刻：CSS 正式開始支援原生 if 函式。
傳統響應式設計多半依賴媒體查詢（media query）根據視窗寬度調整，但對於元件在不同情境下的佈局，常會產生不符預期的結果。本文介紹 CSS 容器查詢（container query），一種讓元件樣式根據其所在容器尺寸而非全域視窗尺寸來調整的新技術，並探討其基本用法。
本篇文章分享如何利用 CSS 的 linear-gradient 和偽元素 ::before，創造出傳統 border 屬性無法實現的高質感裝飾線條，如同精緻縫線般的細節，為網頁增添手工質感與視覺層次。
學習如何運用 CSS 的 box-shadow 多層疊加特性，模擬出豐富的邊框效果，並解決網頁背景圖片被遮擋的問題。同時，深入探討如何利用偽元素 (::before / ::after) 實現精準的外部描邊，並比較兩者在應用上的優劣。
在設計網頁文字時，會需要在文字加上「底線」來強調重點，但一般的 text-decoration: underline; 有一個限制 —— 在具有多行文字時，在最後一行文字的底線無法填滿整行文字段落，而是只能到達文字尾端。
這篇文章要透過使用一小段 CSS，製作出更「優雅」的多行底線效果
還在糾結該先學 Flexbox 還是 Grid？本文透過視覺化圖解和實戰範例，解釋兩者的根本差異（一維 vs 二維），提供清楚的決策框架和學習路徑。包含導覽列、照片畫廊、卡片網格等完整程式碼範例，讓初學者不再困惑，學會在正確的場景使用正確的工具。
本文提供教學，如何更改LINE桌面版擴充元件的字體和背景顏色，包含更改字體、調整CSS、載入未封裝項目等步驟說明，以及額外提供的黑暗模式設定教學。
