반응형

ul{
list-style:none; //불릿 표시 없애기
padding-left:0; // 왼쪽 여백 0으로 만들기
margin:0; //익플에서 padding이 안먹히면 마진값 을 0으로  // dtd 설정 해주면 필요 없음
}

익플 일때 margin:0; 일경우 패딩값이나 불릿을 자동으로 없애버림 // dtd 설정 해주면 필요 없음
파폭 일경우는 해당 값이 다 들어가야 원하는 모양대로 출력
padding: 0 0 10px 0; 패딩 값의 경우 앞에서 부터 순서대로 위 오른쪽 아래 왼쪽 이 된다.
0이상일 경우 무조건 px 을 쓰는 습관!!
padding:0 10px; 일경우 위 아래는 0 좌우는 10px
padding:10px;  위 오른쪽 아래 왼쪽 모두 10px 씩
===============================================================

ul{
list-style-image:url(이미지 주소); //불릿을 이미지로 바꾸기
}


li {
    background:url(이미지 주소) no-repeat 0 50 % // li 배경 이미지 넣기, 왼쪽에서 0 위쪽으로부터 50% 위치
}


반응형

'웹표준&CSS' 카테고리의 다른 글

padding  (0) 2011.05.28
display,float,clear  (0) 2011.05.28
css 에서 id ,class  (0) 2011.05.27
display:inline; display:block;  (0) 2011.05.27
웹표준  (0) 2011.05.18

+ Recent posts