当前位置： 首页 > news >正文

react基础样式控制

news 来源：原创 2024/9/20 8:08:31

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

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

在外部src下新建index.css文件写入你的样式
.fontcolor{color:red
}
在用到的页面引入使用
import './index.css' //引入//使用  className
<button className='fontcolor'>修改{user.name}</button>

相关文章：

  • 北京网站建设多少钱？
  • 辽宁网页制作哪家好_网站建设
  • 高端品牌网站建设_汉中网站制作
  • Dav_笔记9：Using Indexes and Clusters之1
  • ROS2 humble使用nav2_map_server保存地图报错：Failed to spin map subscription
  • qt 下拉列表变更事件
  • leetcode-383.赎金信
  • 阿里ChatSDK使用,开箱即用聊天框
  • 前端面试题日常练-day92 【Less】
  • JVM OutOfMemoryError异常模拟
  • C语言经典程序100案例
  • 编程从零基础到进阶（更新中）
  • Redis 数据类型
  • 对服务器进行基本了解(二)
  • 如何制定高效的媒体公关解决方案
  • 网络抓包知识
  • MBR40150FCT-ASEMI无人机专用MBR40150FCT
  • SEO效果好的wordpress主题
  • 《微软的软件测试之道》成书始末、出版宣告、补充致谢名单及相关信息
  • 5分钟即可掌握的前端高效利器：JavaScript 策略模式
  • Asm.js的简单介绍
  • JavaScript中的对象个人分享
  • Nginx 通过 Lua + Redis 实现动态封禁 IP
  • Objective-C 中关联引用的概念
  • PAT A1017 优先队列
  • SpiderData 2019年2月25日 DApp数据排行榜
  • Spring声明式事务管理之一：五大属性分析
  • vue自定义指令实现v-tap插件
  • Webpack 4 学习01（基础配置）
  • win10下安装mysql5.7
  • 记一次和乔布斯合作最难忘的经历
  • 理清楚Vue的结构
  • 如何解决微信端直接跳WAP端
  • 移动端唤起键盘时取消position:fixed定位
  • media数据库操作，可以进行增删改查，实现回收站，隐私照片功能 SharedPreferences存储地址：
  • 带你开发类似Pokemon Go的AR游戏
  • # wps必须要登录激活才能使用吗？
  • #QT项目实战（天气预报）
  • ${ }的特别功能
  • （9）YOLO-Pose:使用对象关键点相似性损失增强多人姿态估计的增强版YOLO
  • （rabbitmq的高级特性）消息可靠性
  • (vue)el-checkbox 实现展示区分 label 和 value（展示值与选中获取值需不同）
  • （动手学习深度学习）第13章 计算机视觉---图像增广与微调
  • (附源码)apringboot计算机专业大学生就业指南 毕业设计061355
  • （利用IDEA+Maven）定制属于自己的jar包
  • （五）c52学习之旅-静态数码管
  • （转）德国人的记事本
  • (轉貼) VS2005 快捷键 (初級) (.NET) (Visual Studio)
  • *算法训练（leetcode）第四十五天 | 101. 孤岛的总面积、102. 沉没孤岛、103. 水流问题、104. 建造最大岛屿
  • .helper勒索病毒的最新威胁：如何恢复您的数据？
  • .NET C# 使用GDAL读取FileGDB要素类
  • .NET Core/Framework 创建委托以大幅度提高反射调用的性能
  • .NetCore+vue3上传图片 Multipart body length limit 16384 exceeded.
  • .net中应用SQL缓存（实例使用）
  • .net专家（张羿专栏）
  • :如何用SQL脚本保存存储过程返回的结果集
  • @NestedConfigurationProperty 注解用法
  • @TableId注解详细介绍 mybaits 实体类主键注解