产品介绍 HTML 代码生成器 - 包含图片、参数和底部信息
<!DOCTYPE html>
<html>
<head>
<title>产品介绍</title>
<meta charset='UTF-8'>
<meta name='viewport' content='width=device-width, initial-scale=1.0'>
<style>
.container {
width: 80%;
margin: 0 auto;
font-family: Arial, Helvetica, sans-serif;
}
.header {
background-color: #008B8B;
color: #fff;
padding: 20px;
text-align: center;
}
.product-img {
width: 50%;
margin: 0 auto;
display: block;
}
.product-params {
margin-top: 20px;
font-size: 18px;
line-height: 1.5;
}
.footer {
background-color: #eee;
padding: 10px;
text-align: center;
}
</style>
</head>
<body>
<div class='container'>
<div class='header'>
<h1>产品介绍</h1>
</div>
<img src='product.jpg' alt='产品图片' class='product-img'>
<div class='product-params'>
<ul>
<li>产品名称：XXX</li>
<li>产品型号：XXX</li>
<li>产品尺寸：XXX</li>
<li>产品重量：XXX</li>
<li>适用场景：XXX</li>
<li>产品材质：XXX</li>
<li>产品颜色：XXX</li>
<li>产品功能：XXX</li>
<li>产品优点：XXX</li>
<li>售后服务：XXX</li>
</ul>
</div>
<div class='footer'>
<p>版权所有 © 2021 XXX 公司</p>
</div>
</div>
</body>
</html>
原文地址: https://www.cveoy.top/t/topic/ntJ5 著作权归作者所有。请勿转载和采集!