好的,以下是一个 Taobao 网商城装饰品的 HTML 代码示例:
```html
/* 通用样式 */
body {
font-family: Arial, sans-serif;
margin: 0;
padding: 0;
}
/* 页头样式 */
header {
background-color: #ff6a00;
color: #fff;
padding: 20px;
text-align: center;
}
/* 商品列表样式 */
.product-grid {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
grid-gap: 20px;
margin: 20px;
}
.product-item {
border: 1px solid #ddd;
padding: 10px;
text-align: center;
}
.product-item img {
max-width: 100%;
height: auto;
}
.product-item h3 {
margin-top: 10px;
font-size: 18px;
}
.product-item p {
margin-top: 5px;
font-size: 16px;
}
/* 页脚样式 */
footer {
background-color: #333;
color: #fff;
padding: 10px;
text-align: center;
}
$29.99
$39.99
$49.99
$59.99
© 2023 Taobao Decoration Products. All rights reserved.
```
这个 HTML 代码创建了一个简单的 Taobao 商城装饰品页面。它包含了一个页头、一个商品列表网格和一个页脚。页头使用了 Taobao 的品牌色 #ff6a00,商品列表使用了一个响应式的网格布局,每个商品项目都有一个图片、标题和价格。页脚包含了版权信息。
您可以根据实际需求对这个代码进行修改和扩展,比如添加更多商品、添加评论系统、添加购物车等功能。
查看详情
查看详情