CSS 메모장

• box-shadow (그림자) 속성 주기

  box-shadow:
  /* 각각 수평위치 수직위치 흐림정도 색상  */
    0px 4px 14px rgba(40, 77, 163, 0.15), /* 위쪽 그림자 (북) */
    0px -4px 14px rgba(40, 77, 163, 0.15), /* 아래쪽 그림자 (남) */
    4px 0px 14px rgba(40, 77, 163, 0.15), /* 왼쪽 그림자 (서) */
    -4px 0px 14px rgba(40, 77, 163, 0.15); /* 오른쪽 그림자 (동) */

  또는

  <div style={{ 
       boxShadow:
          '0px 4px 14px rgba(2, 136, 209, 0.15), ' +
          '0px -4px 14px rgba(2, 136, 209, 0.15), ' +
          '4px 0px 14px rgba(2, 136, 209, 0.15), ' +
          '-4px 0px 14px rgba(2, 136, 209, 0.15)'
       }}>
  </div>

  ---

!important 구문은 이렇게도 사용이 가능하다
<p style={{fontFamily: `nanumGothicR !important`}}></p>