自学内容网 自学内容网

react基础样式控制

行内样式
<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>


原文地址:https://blog.csdn.net/m0_68716504/article/details/140480239

免责声明:本站文章内容转载自网络资源,如本站内容侵犯了原著者的合法权益,可联系本站删除。更多内容请关注自学内容网(zxcms.com)!