<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Title</title>
<script type="text/javascript" src="./js/js.js"></script>
<script type="text/javascript" src="./前端代码/常见效果/js/jquery-1.12.4.min.js"></script>
<style type="text/css">
list{
margin:0;
padding:0;
list-style:none;
margin-top:20px;
}
.list li{
height:30px;
line-height:30px;
border:1px solid #ccc;
}
.lid{
width: 150px;
border-right: 1px solid #ccc;
float: left;
}
.mc{
width: 250px;
border-right: 1px solid #ccc;
float: left;
}
.cz{
float: left;
}
.list li span{
float:left;
}
.list li a{
float:right;
text-decoration:none;
margin:0 10px;
}
</style>
<script src="css/jihua.js"></script>
<script src="js/js.js"></script>
</head>
<body>
<ul id="list" class="list">
<li>
<div class="lid">
<span>ID</span>
</div>
<div class="mc">
<span>品牌名称</span>
</div>
<div class="cz">
<span>操作(Operation)</span>
</div>
<li>
<div class="lid">
<span>1</span>
</div>
<div class="mc">
<span>奔驰</span>
</div>
<div class="cz">
<a href="javascript:;" class="del">删除</a>
</div>
<li>
<div class="lid">
<span>2</span>
</div>
<div class="mc">
<span>宝马</span>
</div>
<div class="cz">
<a href="javascript:;" class="del">删除</a>
</div>
</ul>
</body>
</html>
网友评论