본문 바로가기

나의 FE피봇이야기/HTML || CSS

[background-image]CSS를 통한 배경 이미지 넣기 w <i>

Background image의 경우 배경이기 때문에 width와 height가 존재 하지 않음

따라서. <i>, <span> 등 에 background image를 넣을 경우

display를 통해 inline -> inline-block or block(필요시) 변경 후 width와 height를 적용 필요.

 

 

CSS로 로고 넣기 1.display
  2. background => no-repeat(background image의 경우 default가 반복)
  3. width와 height 적용
  4. background-size를 통해 3번에 맞게 조절