Estilos en React

export default () => <div style={{color:"red", fontSize:"72px"}}>Big Red</div>;

Es posible utilizar objetos para definir estilos

const styles ={color: "purple", fontSize: "40px", border:"2px solid purple"}

export default () => <div style={styles}>Style Me!</div>;

Ejercicio

Hacer un componente App que:

  • Cargue una hoja de estilos que muestre el body de color salmon y aplique estilos a un elemento que tenga un class definido.
  • Aplique estilos a una etiqueta utilizando un objeto de Javascript (<div style={styles}>Style Me!</div>).
  • Cargue una imagen.
← Cargar una imagen
Styled Components →