백그라운드 속성에서요...
곰돌곰돌
2023.04.01
모바일 코딩하는중에요 m.naver.com에서요
버튼들을 백그라운드 이미지에 깔더라구요 근데 background에
background:url(http://static.naver.com/www/m/cm/im/ftv2.gif) no-repeat scroll 0 -42px #DDDDDD;
라고 되어있는데 scroll 0 -42px #ddddd은 뭔가요?
그리고 백그라운드에 깔려있는 이미지를 보니깐 이미지가 세개가 있더라구요..
백그라운드 css부분 해석해주실수 있는분?
-
잎새
동의 한표~
-
똥덩어리
역시 수다님~ ㅎㅎㅎㅎ
-
은솔
css 스프라이트네요...
스크롤은 백그라운드의 고정여부예요. 해부해서 쓰면 background-attachment:fixed scroll등;
0 -42px 은 백그라운드 포지션이예요. 해부하면 background-position:왼쪽으로부터 상단으로부터;
#dddddd는 백그라운드 컬러예요. 해부하면 background-color:#ddd;
-42px 을 조절하면서 백그라운드의 어떤 부분만 보여주는거죠.
그냥 코드량 줄이고 쓰기 쉬울려고 그렇게 줄여 -
By은지
깔끔한 설명~ good~ ^^