4 篇有 "css" 標籤的文章
CSS 文字換行技巧：word-break、word-wrap、overflow-wrap 的區別與應用
學習如何用 CSS 屬性 word-break、word-wrap、overflow-wrap 實現強制文字換行，解決長連結和過長英文文字導致網站跑版的問題。探討這些屬性的不同用法和應用場景，確保網站在各種情況下保持良好的排版效果。 目錄 TL;DR word-break…
Read more →CSS 平行四邊形 (parallelogram)
這篇教學會介紹如何用純CSS做出平行四邊形的標籤。 稍稍改變一下平淡無奇的長方形標籤，或許能替網頁增添一些活潑的感覺？實際在網頁中運用大概像這樣子： （參考資料：CSS Secrets） 目錄 用CSS transform製作長方形 結論 參考資料 用CSS transform…
Read more →CSS iOS 風格開關 (CSS iOS toggle)
這篇教學要介紹如何用純CSS把checkbox做成iOS風格的開關(toggle)。最近在CSS Secrets裡面看到這樣的技巧，覺得還滿酷的！決定分享給大家。 目錄 Checkbox Hack iOS Toggle Button Positioning Change…
Read more →CSS 氣泡提示框 (tooltip/speech bubble/bubble with arrow/balloon)
前端元件hover的時候顯示氣泡提示框(tooltip/balloon)是常見的效果，也有許多現成的library如Balloon.css可用。這篇教學教你如何用純CSS手刻。 目錄 氣球的形狀 如何定位 Hover…
Read more →