묻고답하기
레이아웃에 메뉴에 백그라운드 원본 이미지하고 출력되는 이미지가 달라요.
2012.01.17 23:33
위에 그림에서 메뉴뒤에 백그라운드 이미지는 삽입할려면
.cyan .e1 .lnb li span{background:url(../img/Bgcyan.gif);}
아니면 img 폴더속의 Bgcyan.gif 파일을 원하는 파일로 변경하면 되는데...
의문점이 하나 생겨서 질문드림니다.
Bgcyan.gif 파일은 아래 이미지가 원본크기가 234 X 190 입니다.
위에 그림에서 백그라운드 전체 크기는 1000 X 80 정도 되는데 어떻게 해서
234 X 190 의 이미지가 1000 X 80 크기로 조절이 되는지 궁금합니다.
어떤 원리로 인해서 작용하는지 아래 그림하고 실제로 표시되는 위에 그림하고는
모양이 대충봐도 다르잔아요
간단합니다.
<img src="이미지주소" style="width:1000px;" />
이렇게 하면 1000px 사이즈로 보여집니다.
소스를 분석해 보시면
width:1000px를 찾아 보실수 있을 겁니다.
bg의 경우 repeat 기능도 있습니다
그것을 활용할 수도 있습니다.