HTML商品详情页（简单页⾯）
纯HTML代码 使⽤⽅法：将页⾯和六张商品图⽚保存在同⼀⽂件夹，图⽚命名1.2.3.4.5.6就可以显⽰啦
<!DOCTYPE html>
<html>乱世佳人原著结局
<head>
<meta charset="utf-8">
<title></title>
<style type="text/css">
img{width:180px;height:150px;}
#div0{width: 720px;height: 500px;border: 1px solid black;text-align: center;margin: 0 auto}html个人网页完整代码图片
#div1,#div2,#div3,#div4,#div5,#div6{float: left;width: 210px;height: 180px;margin: 1px;
text-align: center;vertical-align: middle;border:3px double black;}
h3{text-align:center;color: red;}
</style>
</head>
<body>
<div id="div0">
<h3>京东商品导购</h3>
<div id="div1">
<a href="www.4399">
<div id="yang">吉普车</div>
<img src="1.jpg" ">
</a>
</div>
<div id="div2">
<a href="www.taobao">
<div id="yang">⼤卡车</div>
<div>
<img src="2.jpg">
</div>
</a>
</div>
<div id="div3">
excel如何用rank函数
<a href="www.taobao">
<div id="yang">⼩轿车</div>
<div id="jg">$105</div>
<img src="3.jpg">
</a>
</div>
css实现列表菜单<div id="div4">玩单片机要把c语言学多少
<a href="www.taobao">
<div id="yang">军⽤卡车</div>
<img src="4.jpg">
</a>
常量元素不包括
</div>
<div id="div5">
<a href="www.taobao">
<div id="yang">装甲战⽃车</div>
<img src="5.jpg">
</a>
</div>
<div id="div6">
<a href="www.taobao">
<div id="yang">赛车</div>
<img src="6.jpg">
</a>
</div>
</div>
</body>
</html>

版权声明：本站内容均来自互联网，仅供演示用，请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198，我们将在24小时内删除。