--- order: 6 title: zh-CN: 自定义样式 en-US: Customized style --- ## zh-CN 使用 `style` 和 `className` 来定义样式。 ## en-US The `style` and `className` are available to customize Message. ```tsx import React from 'react'; import { message, Button } from 'antd'; const success = () => { message.success({ content: 'This is a prompt message with custom className and style', className: 'custom-class', style: { marginTop: '20vh', }, }); }; const App: React.FC = () => ; export default App; ```