react基础样式控制

行内样式
html 复制代码
<div style={{width:'500px', height:'300px',background:'#ccc',margin:'200px auto'}}>文本</div>
class类名

注意:在react中使用class类名必须使用className

在外部src下新建index.css文件写入你的样式
javascript 复制代码
.fontcolor{
    color:red
}
在用到的页面引入使用
html 复制代码
import './index.css' //引入


//使用  className
<button className='fontcolor'>修改{user.name}</button>
相关推荐
土豆湿1 分钟前
拥抱极简主义前端开发:NoCss.js 引领无 CSS 编程潮流
开发语言·javascript·css
J总裁的小芒果10 分钟前
Vue3 el-table 默认选中 传入的数组
前端·javascript·elementui·typescript
Lei_zhen9612 分钟前
记录一次electron-builder报错ENOENT: no such file or directory, rename xxxx的问题
前端·javascript·electron
辣条小哥哥14 分钟前
electron主进程和渲染进程之间的通信
javascript·electron·ecmascript
咖喱鱼蛋15 分钟前
Electron一些概念理解
前端·javascript·electron
yqcoder16 分钟前
Vue3 + Vite + Electron + TS 项目构建
前端·javascript·vue.js
鑫宝Code33 分钟前
【React】React Router:深入理解前端路由的工作原理
前端·react.js·前端框架
Mr_Xuhhh2 小时前
重生之我在学环境变量
linux·运维·服务器·前端·chrome·算法
永乐春秋3 小时前
WEB攻防-通用漏洞&文件上传&js验证&mime&user.ini&语言特性
前端
鸽鸽程序猿3 小时前
【前端】CSS
前端·css