SOURCE

console 命令行工具 X clear

                    
>
console
<body>
		<table border="" cellspacing="" cellpadding="">
			<tr>
				<th>Name</th>
				<th>Age</th>
				<th>Address</th>
				<th>Tags</th>
				<th>Action</th>
			</tr>
			<tr>
				<td>
					<a href="">John Brown</a>
				</td>
				<td>32</td>
				<td>New York No.1 Lake Park</td>
				<td>
					<span class="ant-tag-green">NICE</span>
					<span class="ant-tag-geekblue">DEVELOPER</span>
				</td>
				<td>
					<div class="ant-space-item">
						<a href="">
							Invite 
							John Brown
						</a>
					</div>
					<div class="ant-space-item">
						<a href="">
							Delete
						</a>
					</div>
				</td>
			</tr>
			<tr>
				<td><a href="">Jim Green</a></td>
				<td>42</td>
				<td>New York No.1 Lake Park</td>
				<td>
					<span class="ant-tag-volcano">LOSER</span>
				</td>
				<td>
					<div class="ant-space-item">
						<a href="">
							Invite 
							Jim Green
						</a>
					</div>
					<div class="ant-space-item">
						<a href="">
							Delete
						</a>
					</div>
				</td>
			</tr>
			<tr>
				<td><a href="">Joe Black</a></td>
				<td>32</td>
				<td>Sidney No.1 Lake Park</td>
				<td>
					<span>COOL</span>
					<span>TEACHER</span>
				</td>
				<td>
					<div class="ant-space-item">
						<a href="">
							Invite 
							Joe Black
						</a>
					</div>
					<div class="ant-space-item">
						<a href="">
							Delete
						</a>
					</div>
					
				</td>
			</tr>
		</table>
	</body>
            table {
				margin: 0 auto;
				text-align: left;
				border-radius: 2px 2px 0 0;
				/* border-spacing: 0; */
				border-collapse:collapse;
				border: 0;
				width: 60%;
				font-size: 16px;
				font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
			}
			th {
				background-color: #f7f7f7;
				color: #252525;
				border-top: 0;
			}
			tr, th, td {
				border-left: 0;
				border-right: 0;
				border-top: 0;
				padding: 16px;
				color: #000000A6;
			}
			
			th {
				color: #000000D9;
			}
			a {
				text-decoration: none;
				color: #1890FF;
			}
			span {
				height: 30px;
				color: #52c41a;
				background: #f6ffed;
				border: 1px solid #b7eb8f;
				padding: 0 7px;
				border-radius: 2px;
				margin-right: 8px;
				font-size: 14px;
			}
			span:hover {
				cursor: default;
			}
			.ant-tag-green {
			    color: #52c41a;
			    background: #f6ffed;
			    border-color: #b7eb8f;
				
			}
			.ant-tag-geekblue {
			    color: #2f54eb;
			    background: #f0f5ff;
			    border-color: #adc6ff;
				
			}
			.ant-tag-volcano {
			    color: #fa541c;
			    background: #fff2e8;
			    border-color: #ffbb96;
			}
			.ant-space-item {
				display: inline-block;
				margin-right: 16px;
			}