[sass/scss] 반복되는 배경 한 번에 넣기
안녕하세요. 플입니다. 오늘은 반복되는 배경을 한 번에 처리해보겠습니다. 1. 이미지 준비 우선 이미지를 준비합니다. 이미지 이름은 작업하기 쉽게 숫자를 순서대로 적어줍니다. 3. 클래스명 적기 각각 다른 배경을 넣어줄 테니까 클래스명을 각자 적어줍니다. 이때도 이미지 이름과 같이 숫자를 순서대로 이름을 정해주세요. 물론 nth-child를 이용하는 방법도 있습니다. 자신이 편한 방법을 사용하면 됩니다. 3. 배경 넣기 .ski1 p{ background:url(../images/sub1_1.png) no-repeat left center; } 먼저 한 개체에 배경을 넣어줍니다. 배경 외의 다른 코드는 미리 진행해줬습니다. 4. 반복문 @for $i from 1 through 7{ .ski#{$i} p{..
coding/html + css
· 2019. 11. 11. 07:30