image(2)
-
4-5. 목록(List) 스타일 - 2
1. list-style-position으로 목록 지정하기목록이 지정된 블록 영역의 "안쪽(inside)" 혹은 "바깥쪽(outside)"에 블릿을 표현합니다. 다음의 예제에서 그 결과를 확인할 수 있습니다. insidelist item1list item2list item3outsidelist item1list item2list item3 2. list-style-image으로 이미지 블릿 지정하기"list-style-image" 속성은 블릭을 이미지로 표현할 수 있게 하는데, 그 이미지의 위치를 섬세하게 지정할 수는 없기 때문에 보통 실무자들은 "background" 속성을 활용하는 편입니다. "list-style-image" 속성을 사용할 경우 불러 올 이미지의 경로는 "url()"로 지정합니다. l..
2018.02.05 -
3. 이미지를 불러 보자
1. 이미지 불러오기 예제 - 결과 2. 속성 속성 설명 src="경로" 그림의 경로를 지정합니다. width="수치" 그림의 가로 크기를 픽셀 값을 사용하여 지정합니다. height=수치"" 그림의 세로 크기를 픽셀 값을 사용하여 지정합니다. alt="내용" 그림의 설명을 지정합니다. 그림이 보이지 않을 때 설명글이 나타납니다. border="수치" 그림의 테두리를 설정합니다. align="정렬" 주변의 요소와 맞추어 정렬 방법을 지정합니다. ex) bottom, middle, left, right
2017.08.02