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>
相关推荐
Hilaku11 分钟前
深入background-image:你可能不知道的几个性能优化与高级技巧
前端·css
南岸月明13 分钟前
副业自媒体1年终于明白:为什么会表达的人,能量越来越强,更能赚到钱?
前端
Danny_FD27 分钟前
Vue + Element UI 实现模糊搜索自动补全
前端·javascript
gnip32 分钟前
闭包实现一个简单Vue3的状态管理
前端·javascript
ZL不懂前端35 分钟前
使用 React + Konva 构建交互式立方体绘制工具
react.js·ecmascript 6
斐济岛上有一只斐济37 分钟前
后端程序员的CSS复习
前端
Enddme40 分钟前
《面试必问!JavaScript 中this 全方位避坑指南 (含高频题解析)》
前端·javascript·面试
有梦想的程序员42 分钟前
微信小程序使用 Tailwind CSS version 3
前端
你怎么知道我是队长1 小时前
python---eval函数
开发语言·javascript·python
溟洵1 小时前
Qt 窗口 工具栏QToolBar、状态栏StatusBar
开发语言·前端·数据库·c++·后端·qt