CSS是網頁設計中必不可少的一部分,它可以讓我們創建出好看的卡片Div來,讓網頁看上去更加漂亮。
.card { background-color: #ffffff; box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2); padding: 16px; border-radius: 8px; margin: 16px; width: 300px; height: 250px; display: flex; flex-direction: column; justify-content: center; align-items: center; } .card h2 { font-size: 24px; } .card p { font-size: 18px; text-align: center; line-height: 1.5; }
上面這段代碼演示了如何創建一個好看的卡片Div。其中,card類是指這個卡片的樣式,它具有白色背景、陰影、圓角、填充等樣式,可以讓卡片看上去很漂亮。
在.card類內部,我們還設置了h2和p標簽的樣式,使其顯示為24px和18px的字體大小,同時p標簽還設置了文字居中和1.5倍的行高,使其更加易讀。
這些CSS樣式讓我們可以輕松地創建一個好看的卡片Div,可以用于展示各種信息,給網頁帶來更多的美感與可讀性。
上一篇html的tr跨行的代碼
下一篇HTML然后設置左右距離