03 將CSS效果加到DJANGO

CSS 圖片庫是指使用CSS 來定義圖片排列和展示效果的排版模式。透過CSS，我們可以控制圖片的尺寸、邊距、邊框和其他視覺效果，使得整個圖片庫看起來更具吸引 ...

如果您是選擇預設的模板，則網誌模板的css會自動更新覆蓋，可看到目前我們預設的新相簿相片樣式。如果您目前模板使用的是自定樣式，系統則無法自動更新覆蓋，相簿部分樣式會跑 ...

設定文字在圖片的正中央，所以使用絕對定位，而相對定位在item 上，並且使用flex 的特性，主軸為直向，次軸為橫向，如此文字會垂直排列就會垂直置中對齊。

背景尺寸：background-size。值可能是數字加上長度單位，但是我們比較常用的是兩個文字，cover 表示讓圖片自動覆蓋滿整個區塊；contain 則是讓整個圖片在區塊中完整顯示。

鐵人賽快要結束了，今明兩天會介紹純CSS可以做些什麼特別的效果。今天要介紹的是專輯相簿的效果，而明天是要介紹純CSS的自適應動態選單。 參考來源 ...

處理圖片這裡用 float ，可以自動把右邊區塊的圖片變為橫向排列及斷行。如果用 flex 的話，要另外寫方法來處理，麻煩很多。

另一個，css設定是background-size: cover; ，是要讓背景圖片填滿整個空間。 因為有以上這兩個css設定，讓背景圖片不會好像沒有對準中間呈現。

CSS 是用於設計HTML 文件樣式的語言。 它描述了HTML 元素應如何在螢幕上顯示。 其負責「樣式呈現」 的部分：字體、顏色、排版、動態效果等。

有別於一般部落格的版面，這個版面是以相片列表的方式來呈現文章。每篇文章取文章的第一張圖來表示，最新的文章圖示會大些，整體看起來很像一個相簿集， ...

本文將介紹如何使用HTML和CSS來建立響應式相簿展示佈局，並提供具體的程式碼範例。希望讀者能透過範例程式碼來理解和掌握這個過程。