본문 바로가기

전체 글166

CSS 목록 속성 불릿(Bullet) 지정하기 CSS 목록 속성 불릿 지정하는 방법 CSS 불릿 지정하는 방법에 대하여 알아보도록 하겠습니다. ※ 불릿이란 텍스트 앞에 주의를 끌기 위하여 붙이는 그래픽 문자 입니다. ■ 불릿 모양 지정 - 속성 : list-style-type - 속성값 : none, circle, square, 등 ■ 불릿 이미지 지정 - 속성 list-style-image - 속성값 : 불릿 이미지 URL ■ 불릿 위치 지정 - 속성 : list-style-position - 속성값 : inside, outside ■ 예제 사용 이미지 : (기쁨이가 만든 쿠키 이미지 입니다) - 불릿 지정하기 전 예제 소스 결과 대메뉴1 메뉴1 메뉴2 메뉴3 대메뉴2 메뉴1 메뉴2 메뉴3 대메뉴1 메뉴1 메뉴2 메뉴3 대메뉴2 메뉴1 메뉴2 메뉴.. 2018. 2. 6.
[CSS] 배경 설정 방법 및 속성 알아보기 스타일 시트를 이용한 배경 지정하기 스타일 시트를 이용하면 색상으로 배경을 설정 할 수 있으며 또한 이미지로 배경을 지정 할 수도 있습니다. 이번 시간에는 배경을 지정하는 방법에 대하여 알아보도록 하겠습니다. background-color 설명 : 배경색 지정 속성값 : 색상명 또는 RGB 값 사용예 : 배경색 지정하기 결과 : 배경색 지정하기 background-image 설명 : 배경 이미지 지정 속성값 : 배경 이미지의 URL 사용예 : 이미지로 배경 지정하기 결과 : 이미지로 배경 지정하기 ※ 예 지정 이미지는 상단 대표이미지 입니다. background-repeat 설명 : 배경 이미지 반복 설정 속성값 : no-repeat, repeat-x, repeat-y, repeat 사용예 : style.. 2018. 2. 1.
[CSS] 폰트 관련 속성 알아보기 CSS 폰트와 관련된 속성을 이용하여 스타일을 지정하자 CSS의 다양한 속성들 중에서 가장 많이 사용되는 속성 중 하나인 폰트 속성에 대하여 알아 보겠습니다. font-family - 설명 : 글자체 이름 - 속성값 : 글자체(굴림, 바탕, arial 등) - 사용 예 : 글자체를 굴림으로 설정 - 결과 : 글자체를 굴림으로 설정 font-style - 설명 : 글자 모양 지정 - 속성값 : norma, italic, oblique - 사용 예 : 글자모양 설정 - 결과 : 글자모양 설정 font-size - 설명 : 글자 크기 - 속성값 : pt(포인트), px(픽셀), in(인치), %(퍼센트), small, medium, large, x-large 등 - 사용 예 : 글자크기 설정 - 결과 : 글자.. 2018. 1. 29.
[CSS] 스타일 정의 기본 형식 CSS 정의하는 방법 스타일의 정의는 스타일을 적용 할 대상과 대상에 적용할 속성과 속성값으로 구성 됩니다. 태그를 이용한 스타일 정의스타일을 적용할 대상을 선택자 selector 라고 한다면 일반적으로 HTML 태그들이 선택자로 사용 됩니다.선택자에 대하여 속성과 속성값을 설정 하는 부분은 { 와 } 안에서 설정을 하게 됩니다.속성과 속성값은 콜론(:) 으로 연결하여 정의 하게 됩니다. 예를 들어 태그에 속성과 속성값을 적용 해 보도록 하겠습니다.예> P {font-size:12px} 하나의 태그에 하나의 속성 뿐 아니라 여러 개의 속성을 지정 할 수 있습니다.한쌍의 속성과 속성값이 정의되고 난 후 또 한쌍의 속성과 속성값을 설정하기 위한 구분값은 세미콜론(;) 이 사용 됩니다.예를 들어 태그에 텍스트.. 2018. 1. 26.

티스토리툴바