在react中将边界半径赋予ant-design卡片

import React from 'react';
import { Card } from 'antd';

const MyCard = () => {
  const cardStyle = {
    borderRadius: '10px', // 设置边界半径为10像素
  };

  return (
    <Card style={cardStyle}>
      {/* 卡片内容 */}
    </Card>
  );
};

export default MyCard;

import React from 'react';
import { Card } from 'antd';
import './MyCard.css'; // 引入自定义的CSS文件

const MyCard = () => {
  return (
    <Card className="my-card">
      {/* 卡片内容 */}
    </Card>
  );
};

export default MyCard;

.my-card {
  border-radius: 10px; /* 设置边界半径为10像素 */
}