CSS家具網頁是一個展示家居裝飾產品的網站,其設計風格簡潔、大方,頁面布局合理、美觀,為用戶提供了良好的消費體驗。
/* CSS代碼 */ body { background-color: #f2f2f2; font-family: Arial, sans-serif; } header { background-color: #333; color: #fff; padding: 20px; } nav { display: inline-block; margin: 0 20px; } nav ul { list-style: none; margin: 0; padding: 0; display: flex; } nav li { margin: 0 10px; } a { color: #333; text-decoration: none; } .container { max-width: 1200px; margin: 0 auto; padding: 20px; } .product { display: flex; margin-bottom: 20px; border: 1px solid #ccc; padding: 10px; } .product img { max-width: 200px; margin-right: 20px; } .product h3 { margin-top: 0; } .product p { margin-bottom: 0; } footer { background-color: #333; color: #fff; padding: 20px; }
網頁的頂部為導航欄和標題區域,導航欄采用橫向排列,標題區域背景色為黑色,文字顏色為白色,突出頁面主題。
網頁的主要內容區域為產品展示,每個產品均以圖片和文字描述的形式呈現,排版整齊、規整。
網頁的底部為版權聲明和聯系信息,版權聲明格式簡明,聯系信息包括公司地址、電話、郵箱等多種方式,讓用戶能夠輕易地找到相關信息。
上一篇mysql數據庫占內存
下一篇css寬屏背景圖手機顯示