» React快速入门 » 1. 上手了解 » 1.4 添加样式

添加样式

在 React 中,可以通过 className 指定 CSS 类。与 HTML 中的 class 属性功能相同:

<img className="avatar" />

然后,你可以在另外的 CSS 文件中写 CSS 规则:

/* In your CSS */
.avatar {
  border-radius: 50%;
}

React 不会限定引入 CSS 文件的方式。最简单的情况下,可以直接在 HTML 中添加 <link> 标签。如果你有使用构建工具或框架的话,一般可以在其官网找到引入 CSS 文件的方法。