내비게이션2 CSS 가로형 내비게이션 float CSS 가로형 내비게이션 가로형 내비게이션을 만드는 방법은 두가지가 있다 하나는 float를 이용하는 것이고 하나는 display:inline;을 이용하는 것이다,float 부터 보자 배경그림을 다음과 같이 할것이다 단 이미지 크기가 크니 작게 자르고 가로로 반복되도록 할것이다. 아래그림은 작게자른 그림 first second third forth fifth ul{ margin:0; padding:0; list-style-type:none; /*여기까지가 초기화*/ width:520px;/*가로길이는 520px로 정해줬다*/ background:url(images/mainbg_re.jpg) repeat-x; /*위같은 그림을 하기위해 일부분을 잘라 작은파일로 하고 가로로 반복해 줬다*/ float:lef.. 2009. 9. 9. CSS 세로형 내비게이션 CSS세로형 내비게이션 앞서 롤오버 효과에 대해 소개했다. 여기참조 http://siana.tistory.com/trackback/54 일단 사용할 이미지는 다음과 같다 이 이미지를 이용해 올렸으때 오른쪽이 나오도록 효과를 적용하고 세로형 내비게이션을 만들어 보자 html은 간편하다 first second third forth fifth css는 각기 설명을 참조 ul{ margin:0; padding:0; list-style-type:none; /*초기화*/ } ul li a{ display:block; width:200px;/*이미지크그에 맞게 가로 세로 정한다*/ height:30px; line-height:30px; color:#000;/*글자색은 검정*/ text-decoration:none; .. 2009. 9. 9. 이전 1 다음
