支持自定义 CSS
Nextra 100% 兼容
Next.js 自身对 CSS 的支持 (opens in a new tab)，
包括 .css、.module.css 以及 Sass （.scss、.sass、.module.scss、
.module.sass）扩展名结尾的文件。
例如，假设有如下名为 styles.css 的样式表：
styles.css
body {
font-family: 'SF Pro Text', 'SF Pro Icons', 'Helvetica Neue', 'Helvetica',
'Arial', sans-serif;
padding: 20px 20px 60px;
max-width: 680px;
margin: 0 auto;
}您可以创建一个名为 pages/_app.js 的文件，并在其中导入（import） 上述 CSS 文件：
pages/_app.js
import '../styles.css'
// This default export is required in a new `pages/_app.js` file.
export default function MyApp({ Component, pageProps }) {
return <Component {...pageProps} />
}要了解有关 Next.js 对 CSS 的支持方面的更多信息，请查看 Next.js 文档 (opens in a new tab)。