#67 CSS :target 應用：純 CSS 光箱、純 CSS Tab 頁籤

⚠️ 本篇文章已搬遷至 css.im1010ioio.dev，請至新站閱讀完整版。 上一篇我們提到 CSS 的 :target 的偽類，可以針對 HTML 元素是否為目標狀態而去調整樣式。所以，如果延伸想一想，有許多 UI 都是會有狀態的，其實是可以做許多應用的。 上一篇著重在滾動時的目標狀態，這一篇我們來試試把這種目標狀態應用在別的地方吧！ 一、純 CSS 光箱 光箱（Lightbox）效果是網頁中非常常見的 UI，通常用於點擊圖片或按鈕後，跳出一個覆蓋整個畫面的視窗來顯示更多內容。以...