Program/HTML.CSS

[Rollong Pasta] 백종원 웹사트 구현시작 - CS center 옆 icon 구현.

주니코리아 2020. 7. 18. 01:13

1. 하얀색 원에 화살표가 든 아이콘을 구현해줄것이다. after를 준다면  cscenter만 높이가 변할수 있으므로 유령화를 하도록 하겠다.  표시된 높이과 너비값을 기억.

2. 하얀색일때 background-position  값을 기억한다. 

4. 그리고 icon 공간이 필요하므로 따로 꼭 집어서 선택자를 만들어주고. cs-center-cell이라 함.

그리고 padding -right :30px; 를 줘서 공간을 만들어준다. 

이미지 위치를 잘 찾아줘야 한다.