母版頁是網站的基礎框架,它決定了網頁的整體結構和布局。在制作網站時,為了保持網頁風格的一致性和便于更新,我們通常會使用母版頁來統一排版和樣式。下面介紹如何用CSS修飾母版頁。
/* 給母版頁添加背景顏色 */ body { background-color: #f2f2f2; } /* 設置頭部、導航欄和底部的樣式 */ .header { height: 100px; background-color: #333333; color: #ffffff; } .navbar { height: 50px; background-color: #cccccc; } .footer { height: 100px; background-color: #333333; color: #ffffff; } /* 設置主體內容樣式 */ .content { width: 80%; margin: 0 auto; padding: 20px; background-color: #ffffff; box-shadow: 0 0 5px #cccccc; }
以上代碼展示了如何給母版頁添加背景顏色,并設置了頭部、導航欄、底部和主體內容的樣式。需要注意的是,這里使用了CSS選擇器來選擇不同的元素,并設置相應的樣式屬性。
上一篇如何用css畫出一個時鐘
下一篇如何理解css預處理