mirror of
https://github.com/ant-design/ant-design.git
synced 2024-12-12 07:09:55 +08:00
701 B
701 B
order | title | ||||
---|---|---|---|---|---|
1 |
|
zh-CN
在灰色背景上使用无边框的卡片。
en-US
A borderless card on a gray background.
import { Card } from 'antd';
import React from 'react';
const App: React.FC = () => (
<div className="site-card-border-less-wrapper">
<Card title="Card title" bordered={false} style={{ width: 300 }}>
<p>Card content</p>
<p>Card content</p>
<p>Card content</p>
</Card>
</div>
);
export default App;
.site-card-border-less-wrapper {
padding: 30px;
background: #ececec;
}