[style] 두 가지 방법 존재
1. style= "color : black"; //직접 지정
2. <style> a {color:black;} </style> //selector
버튼, 링크 테두리 없애기
.app {
border : 0;
outline : 0;
}
+ 추가예정
https://developer.mozilla.org/ko/docs/Web/CSS/border-radius
border-radius - CSS: Cascading Style Sheets | MDN
CSS border-radius 속성은 요소 테두리 경계의 꼭짓점을 둥글게 만듭니다. 하나의 값을 사용해 원형 꼭짓점을, 두 개의 값을 사용해 타원형 꼭짓점을 적용할 수 있습니다.
developer.mozilla.org
https://bloodstrawberry.tistory.com/m/762
리액트 CSS - 배경 이미지 꽉 채우기
리액트 전체 링크 css에서 배경 이미지를 설정해보자. 배경이미지는 src > image 폴더에 추가하였다. App.css에 body 태그를 아래와 같이 설정해보자. background-image: url을 이용하여 이미지를 불러오면 된
bloodstrawberry.tistory.com
state에 따라 프로퍼티 값변화
https://roxylife-twinkledawn101.tistory.com/m/21?category=970226
고급 CSS ( Transition, Transformation, Animation, Media query)
Transition ▶ CSS 프로퍼티의 값이 변화할 때, 프로퍼티 값의 변화가 일정 시간(duration)에 걸쳐 일어나도록 하는 것 state가 없는 요소이며, 처음 생겨난 곳 즉, 원래 element에 속해야 한다. ★ State에 따
roxylife-twinkledawn101.tistory.com
'PROGRAMMING CODE > Web' 카테고리의 다른 글
[React] 이미지가 뜨지 않을 때 (0) | 2022.05.11 |
---|---|
[REACT] React JS에서 아이콘 추가하기 (0) | 2022.04.30 |
[React] 리액트 환경구축 참고자료 (0) | 2022.04.12 |
[HTML] 기본태그 정리 (0) | 2022.04.11 |
[HTML] 프로젝트 설치, 파일 생성, 기본태그 (0) | 2022.04.11 |