CSS是前端開發(fā)中不可或缺的一部分,它可以對(duì)網(wǎng)頁進(jìn)行樣式設(shè)計(jì),讓頁面更加美觀、易讀易懂。以下是一些簡單的CSS頁面素材,可以供大家創(chuàng)建自己的網(wǎng)頁。
/* 省略部分代碼 */ .h1 { font-size: 32px; font-weight: bold; text-align: center; margin-top: 50px; } .nav { display: flex; justify-content: space-between; align-items: center; background-color: #f8f8f8; height: 50px; padding: 0px 20px; } .btn { background-color: #007bff; color: #fff; padding: 10px 20px; border: none; border-radius: 5px; } .card { border: 1px solid #ccc; border-radius: 5px; padding: 20px; margin-bottom: 20px; } .img { width: 100%; height: auto; margin-bottom: 10px; } /* 省略部分代碼 */
以上樣式包含了標(biāo)題、導(dǎo)航欄、按鈕、卡片和圖片等基本元素。使用這些簡單的樣式可以設(shè)計(jì)出簡潔明了,易于用戶瀏覽的網(wǎng)頁。