跪求关于前端的代码,谢谢

问题描述:

图片说明
使用html做一个这个图可以吗,求大神

用hplus后台管理框架把,做这些管理相关页面很有帮助http://www.zi-han.net/theme/hplus/

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的插件就可以啊