줄 간격

• line-height
• 단위 없이 쓰는 글자 크기에 상대적인 값 (font size * value)

텍스트 꾸미기

• text-decoration
• none, underline, line-through

배경 이미지

• background-image: url('pizza.png') -> ,url로 여러개 쌓을 수 있음
• background-repeat: no-repeat

background-repeat: repeat; /* 반복하기 (지정하지 않았을 때 기본값) */
background-repeat: no-repeat; /* 반복 안 함 */

• background-position: center
• background-size: cover

background-size: cover; /* 비율 유지하면서 꽉 차게. 이미지 잘릴 수 있음 */
background-size: contain; /* 비율 유지하면서 최대한 크게. 이미지 잘리지 않음 */
background-size: 40px 30px; /* 가로 40px 세로 30px */

그라디언트

• background-image: linear-gradient(45deg, rgba(0, 0, 0, 1), rgba(0, 0, 0, 1)), url('pizza.png')
• 기본값은 180deg(위에서 아래로 내려오는 방향)
• 옵션이 다양함
  gradient generator

그림자

• box-shadow: 10px 15px 20px 5px rgba(0, 0, 0, 0.4) -> 가로 10px, 세로 15px, 흐리게, 퍼짐, 생상
• box shadow generator

불투명도

• opacity: 0.5

opacity: 0; /* 투명 */
opacity: 0.6;
opacity: 1; /* 불투명 */

• 요소 전체를 반투명하게 바꾸는 것