跪求关于前端的代码,谢谢
问题描述:
使用html做一个这个图可以吗,求大神
答
bootstrap 照抄列表
答
<html>
<body>
<table>
<tr>
<td>ID</td>
<td>区域名</td>
<td>优先级</td>
<td>操作</td>
</tr>
<tr>
<td>3</td>
<td>西菀</td>
<td>2</td>
<td>编辑|删除</td>
</tr>
<tr>
<td>2</td>
<td>东菀</td>
<td>1</td>
<td>编辑|删除</td>
</tr>
<tr>
<td colspan=3><input type="button" value="添加区域信息"/></td>
</tr>
</table>
</body>
</html>
答
使用BootsTrap Table的插件,直接插入就ok
答
用BootsTrap Table的插件,直接插入就ok
答
你要什么前端代码,请详细点
答
<!DOCTYPE html>
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<meta http-equiv="X-UA-Compatible" content="ie=edge" />
<title>Document</title>
<style type="text/css">
.table{
border: 2px solid #ccc;
width: 400px;
}
.tr{
margin-top: 5px;
border: 2px solid #ccc;
overflow: hidden;
}
.td,.th{
padding: 10px 0;
text-align: center;
width: 25%;
float: left;
}
.table .tr:nth-last-child(1) .td{
padding: 0;
width: 100%;
}
input{
border-radius: 5px;
border: none;
color: white;
width: 100%;
padding: 10px 0;
background-color: #1bad1c;
}
a{
color: blue;
}
</style>
</head>
<body>
<div class="table">
<div class="tr">
<div class="th">ID</div>
<div class="th">区域名</div>
<div class="th">优先级</div>
<div class="th">操作</div>
</div>
<div class="tr">
<div class="td">3</div>
<div class="td">西苑</div>
<div class="td">2</div>
<div class="td"><a href="">编辑</a>|<a href="">删除</a></div>
</div>
<div class="tr">
<div class="td">2</div>
<div class="td">东苑</div>
<div class="td">1</div>
<div class="td"><a href="">编辑</a>|<a href="">删除</a></div>
</div>
<div class="tr">
<div class="td"><input type="button" id="" value="添加区域信息" /></div>
</div>
</div>
</body>
答
可以,用bootstrap框架相对来说比较简单,搜索菜鸟教程就可以参考
答
html肯定可以写,用table
答
用BootsTrap Table的插件就可以啊