1. 行內樣式
<div
style={{
width:'200px',
height:'80px',
backgroundColor:'yellow',
fontSize:'24px',
textAlign:'center'
}}
>This is Page1!</div>
2. 聲明樣式
render(){
let mystyle={
width:'200px',
height:'80px',
backgroundColor:'yellow',
fontSize:'24px',
textAlign:'center'
}
return(<div>
<h2 style={mystyle}>This is Page1!</h2>
</div>);
}
3. 引入樣式
require('./mystyle.css');