请问哪位大神能否给写段代码
发布网友
发布时间：2022-04-23 09:42
共1个回答
热心网友
时间：2022-05-18 21:57
BootStrap了解一下？简单粗暴
html代码，bootstrap这里使用CDN 加速服务需要连着网才能看：
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1">
<!-- 上述3个meta标签*必须*放在最前面，任何其他内容都*必须*跟随其后！ -->
<!-- Bootstrap -->
<link href="https://cdn.jsdelivr.net/npm/bootstrap@3.3.7/dist/css/bootstrap.min.css" rel="stylesheet">
<!-- jQuery (Bootstrap 的所有 JavaScript 插件都依赖 jQuery，所以必须放在前边) -->
<script src="https://cdn.jsdelivr.net/npm/jquery@1.12.4/dist/jquery.min.js"></script>
<!-- 加载 Bootstrap 的所有 JavaScript 插件。你也可以根据需要只加载单个插件。 -->
<script src="https://cdn.jsdelivr.net/npm/bootstrap@3.3.7/dist/js/bootstrap.min.js"></script>
<title>表格</title>
</head>
<body>
<div style="display: flex;
flex-direction: column;
margin: 1rem 0.5rem">
<div style="width: 150px;
height:36px;
border-radius: 2px;
border:#ddd solid 1px;
background-color: #94ffe4;
display: flex;
justify-content: center;
align-items: center">
<div style="font-weight: bold">
北京生活
</div>
</div>
<table class="table table-bordered" style="width: 1200px">
<tbody>
<tr>
<td>1</td>
<td>1</td>
<td>1</td>
<td>1</td>
<td>1</td>
</tr>
<tr>
<td>2</td>
<td>2</td>
<td>2</td>
<td>2</td>
<td>2</td>
</tr>
<tr>
<td>3</td>
<td>3</td>
<td>3</td>
<td>3</td>
<td>3</td>
</tr>
</tbody>
</table>
</div>
</body>
</html>
