반응형
ul{
list-style:none; //불릿 표시 없애기
padding-left:0; // 왼쪽 여백 0으로 만들기
margin:0; //익플에서 padding이 안먹히면 마진값 을 0으로 // dtd 설정 해주면 필요 없음
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{
익플 일때 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% 위치
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 |