大家好，欢迎来到IT知识分享网。
<!DOCTYPE html>
<html>
<head>
<meta charset=”UTF-8″>
<title>电商</title>
<style>
*{
padding:0px;
margin:0px;
}
html,body{
width:100%;
height:100%;
overflow-y: hidden;
}
.top{
height:50px;
width:100%;
background-color:black;
}
.center{
height:15%;
width:100%;
background-image: url(img/wenzi.png);
background-repeat:repeat-y;
}
.next{
width:100%;
height:15%;
}
.bottom{
height:15%;
background-image:url(img/logo1.jpg);
background-repeat:no-repeat;
}
ul li{
display:inline-block;
height:15px;
line-height: 40px;
margin-left:20px;
}
a{
display:block;
height:40px;
color:gray;
}
</style>
</head>
<body>
<div class=”top”>
<ul>
<li><a><img src=”img/logo1.jpg”width=”100″;height=”50″></a></li>
<li><a>登录</a></li>
<li><a>注册</a></li>
</ul>
</div>
<div class=”center”>
</div>
<div class=”.next”>
<ul>
<li><img src=”img/new.jpg” style=”position:absolute; left:600px; top:250px; “/></li>
</ul>
<span><img src=”img/pic1.jpg”></span>
<span><img src=”img/pic2.jpg”></span>
<span><img src=”img/pic3.jpg”></span>
<ul>
<li><img src=”img/shizhuang.jpg” </li>
</ul>
<span><img src=”img/try1.jpg” </span>
<span><img src=”img/try2.jpg” </span>
<span><img src=”img/try3.jpg” </span>
</div>
<div class=”bottom”>
<span>姓名：</span>
<input type=”text” placeholder=”请输入” id=”username” name=”username”>
<span>邮箱：</span>
<input type=”text” placeholder=”请输入” id=”username” name=”username”>
<br>
<span>电话：</span>
<input type=”text” placeholder=”请输入” id=”username” name=”username”>
<span>qq：</span>
<input type=”text” placeholder=”请输入” id=”username” name=”username”>
<span>留言</span>
<textarea rows=”5″ cols=”50″></textarea>
<input type=”submit” value=”用户注册”/>
</div>
</body>
</html>
![实训写的html电商网页代码[通俗易懂]](https://yundeesoft.com/wp-content/uploads/2022/11/2022112316405970.jpg "实训写的html电商网页代码[通俗易懂]插图1")
免责声明：本站所有文章内容,图片，视频等均是来源于用户投稿和互联网及文摘转载整编而成，不代表本站观点，不承担相关法律责任。其著作权各归其原作者或其出版社所有。如发现本站有涉嫌抄袭侵权/违法违规的内容,侵犯到您的权益，请在线联系站长,一经查实,本站将立刻删除。 本文来自网络,若有侵权，请联系删除，如若转载，请注明出处：https://yundeesoft.com/6968.html
