<!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>版权所有 &copy; 2021 XXX 公司</p>
		</div>
	</div>
</body>
</html>
产品介绍 HTML 代码生成器 - 包含图片、参数和底部信息

原文地址: https://www.cveoy.top/t/topic/ntJ5 著作权归作者所有。请勿转载和采集!

免费AI点我,无需注册和登录