본문 바로가기

전체 글314

background - CSS 배경이미지의 반복(background-repeat) background-repeat 속성을 사용하면 배경이미지의 반복을 지정할 수 있습니다.속성값으로 아래와 같이 4가지를 사용할 수 있습니다.repeat : 배경이미지가 반복적으로 적용됩니다. 기본값입니다.repeat-x : 배경이미지가 가로방향으로만 반복적으로 적용됩니다.repeat-y : 배경이미지가 세로방향으로만 반복적으로 적용됩니다.no-repeat : 배경이미지가 반복적으로 적용되지 않고 한번만 적용됩니다. ※출처 : http://www.homejjang.com/ 2014. 1. 1.
background - CSS 배경이미지의 위치(background-position) background-repeat 속성값으로 no-repeat을 지정하면 배경이미지가 반복되지 않고, 문서의 왼쪽 상단에 위치합니다.이 위치를 바꿀때 사용하는 속성이 background-position 입니다. top left top center top right center left center center center right bottom left bottom center bottom right 예제에서는 center right 값으로 지정하였습니다.top lefttop centertop rightcenter leftcenter centercenter rightbottom leftbottom centerbottom right ※출처 : http://www.homejjang.com/ 2014. 1. 1.
background - CSS 배경이미지의 스크롤여부(background-attachment) background-attachment 속성을 사용하면 문서가 스크롤될때 배경이미지의 스크롤여부를 지정할 수 있습니다.이 속성을 사용하지 않으면 기본적으로 문서와 함께 스크롤이 됩니다.background-attachment : fixed 로 지정하면 문서는 스크롤되지만 배경이미지는 스크롤 되지 않아서 배경위에 텍스트가 떠있는 느낌을 표현할 수 있습니다.예제를 다운받아서 연습해 보시면 됩니다. ※출처 : http://www.homejjang.com/ 2014. 1. 1.
리스트(list) list-style-type 속성을 사용하면 리스트의 marker 스타일을 지정할 수 있습니다. disc 타입의 리스트 circle 타입의 리스트 square 타입의 리스트 none 타입의 리스트 disc 타입의 리스트circle 타입의 리스트square 타입의 리스트none 타입의 리스트 순서가 있는 리스트(ol)의 경우는 다음과 같이 marker를 지정할 수 있습니다. decimal 타입의 리스트 lower-roman 타입의 리스트 upper-roman 타입의 리스트 lower-alpha 타입의 리스트 upper-alpha 타입의 리스트 decimal 타입의 리스트lower-roman 타입의 리스트upper-roman 타입의 리스트lower-alpha 타입의 리스트upper-alpha 타입의 리스트리.. 2014. 1. 1.

티스토리툴바