console 命令行工具 X clear

console

<!DOCTYPE html>
<html lang="en">

<head>
	<meta charset="UTF-8" />
	<meta name="viewport" content="width=device-width, initial-scale=1.0" />
	<title>Antd card</title>
</head>

<body>
	<div class="container">
		<div class="card">
			<div class="card-head">
				<div class="card-head-title">
					Card title
				</div>
			</div>
			<div class="card-body">
				<p>Card content</p>
				<p>Card content</p>
				<p>Card content</p>
			</div>
		</div>
	</div>
</body>

</html>

.container {
    background-color: #ececec;
    padding: 30px;
}

.card {
    width: 300px;
    margin: 0 auto;
    background-color: #fff;
    color: rgba(0, 0, 0, 0.65);
    font-size: 14px;
    border-radius: 2px;
    line-height: 1.5;
}

.card-head {
    padding: 0 24px;
    min-height: 48px;
    font-weight: bold;
    font-size: 16px;
    border-bottom: 1px solid #f0f0f0;
    border-radius: 2px 2px 0 0;
}

.card-head-title {
    display: inline-block;
    padding: 16px 0;
    color: black;
}

.card-body {
    padding: 24px;
}