<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title></title>
<style type="text/css">
* {
margin: 0;
padding: 0;
list-style: none;
}
.main {
width: 800px;
margin: 0 auto;
}
.main input:nth-of-type(2) {
text-align: center;
width: 60px;
}
.ul {
width: 800px;
display: flex;
}
.ul>li {
font-weight: bold;
width: 200px;
height: 30px;
text-align: center;
border: 1px solid #2C323B;
border-left: none;
line-height: 30px;
}
.ul li:first-child {
width: 30px;
border-left: 1px solid #2C323B;
}
.arul {
width: 800px;
display: flex;
}
.arul>li {
width: 197px;
height: 30px;
padding-left: 3px;
border: 1px solid #2C323B;
border-left: none;
line-height: 30px;
}
.arul li:first-child {
width: 26px;
border-left: 1px solid #2C323B;
}
.box {
width: 100%;
height: 100%;
position: fixed;
top: 0;
left: 0;
bottom: 0;
right: 0;
margin: auto;
background-color: rgba(50, 50, 50, 0.6);
display: none;
}
.ceten {
width: 500px;
height: 140px;
top: 0;
left: 0;
bottom: 0;
right: 0;
margin: auto;
position: fixed;
border: 1px solid gray;
background-color: white;
}
.xiu,
.remove {
cursor: pointer;
color: blue;
}
.tul {
width: 450px;
margin: 0 auto;
}
.tul li {
border: 1px solid #169AF3;
border-top: none;
}
.tul li:first-child {
border: 1px solid #169AF3;
}
.tul li span {
padding-left: 5px;
}
.tul li span:first-child {
width: 75px;
border-right: 1px solid #169AF3;
display: inline-block;
}
</style>
</head>
<body>
<div class="main">
<input type="text" name="" id="" value="" placeholder="search" class="sear"/>
<input type="button" name="" id="" value="新增" />
<ul class="ul">
<li>id</li>
<li>用户名</li>
<li>年龄</li>
<li>
</li>
<li>省份</li>
<li>操作</li>
</ul>
<div class="xbox">
<!--<ul clas
jquery节点的增删改查 数据存储到本地缓存
最新推荐文章于 2022-08-11 08:04:42 发布
![](https://img-home.csdnimg.cn/images/20240611030827.png)