1號店是一家知名的電商平臺。在這個平臺上展示商品的頁面,離不開HTML和CSS的配合。
<html> <head> <title>1號店商品展示頁面</title> <style> /* CSS樣式表 */ body { background-color: #f2f2f2; font-family: Arial, sans-serif; } .product-name { font-size: 24px; font-weight: bold; } .product-price { font-size: 16px; color: red; } .product-description { font-size: 14px; } </style> </head> <body> <div class="product"> <h2 class="product-name">1號店電子書包</h2> <p class="product-price">39.90 元</p> <p class="product-description">這是一款實用又時尚的電子書包。它能夠保護你心愛的電子書、電腦及相關物品,讓你的生活更加便捷、時尚。</p> </div> </body> </html>
以上是1號店的一個簡單商品展示頁面的HTML和CSS代碼。HTML定義了頁面的結構、內容,CSS則負責頁面的樣式、布局等方面。通過巧妙地運用HTML和CSS的各種屬性和選擇器,我們可以實現豐富多彩、個性化的網頁設計。
下一篇用css美化導航欄