京东界面
2018-08-16 本文已影响81人
她即我命
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1">
<title></title>
</head>
<body>
<div style="width: 100%;float: left;background-color: azure;">
<div id="d1" style="position: relative;margin-top: 20px;width: 100%;height: 60px;"><h1 align="center">—— 居家优品 ——</h1></div>
<div id="d2" style="float: left;width: 30%;height: 370px;position: relative;margin-left: 20px;margin-top: 40px;"><img src="img/1_340x420.jpg"/></div>
<div id="d3" style="float: left;width: 30%;position: relative;margin-left: 40px;margin-top: 40px;">
<div id="d4" style="float: left;width: 100%;"><img src="img/2_350x180.jpg"/></div>
<div id="d5" style="float: left;width: 170px;height: 180px;position:relative;top: 60px;"><img src="img/3_170x180.jpg"/></div>
<div id="d7" style="float: left;width: 170px;height: 180px;position:relative;left: 10px;top: 60px;"><img src="img/4_170x180.jpg"/></div>
</div>
<div id="d8" style="float: left;width: 30%;position: relative;margin-left: 40px;margin-top: 40px;">
<div id="d9" style="float: left;width: 100%;"><img src="img/5_350x180.jpg"/></div>
<div id="d10" style="float :left;width: 170px;height: 180px;position:relative;top: 60px;"><img src="img/6_170x180.jpg"/></div>
<div id="d11" style="float: left;width: 170px;height: 180px;;position:relative;left: 10px;top: 60px;"><img src="img/7_170x180.jpg"/></div>
</div>
</div>
</body>
</html>
image.png
