AND_END

[CSS 테두리 스타일] border-style 속성은 표시할 테두리의 종류를 지정합니다 . dotted- 점선 테두리를 정의합니다. dashed- 점선 테두리를 정의합니다. solid- 단색 테두리를 정의합니다. double- 이중 테두리 정의 groove- 3D 홈 테두리를 정의합니다. 효과는 테두리 색상 값에 따라 다릅니다. ridge- 3D 융기된 테두리를 정의합니다. 효과는 테두리 색상 값에 따라 다릅니다. inset- 3D 삽입 테두리를 정의합니다. 효과는 테두리 색상 값에 따라 다릅니다. outset- 3D 아웃셋 테두리를 정의합니다. 효과는 테두리 색상 값에 따라 다릅니다. none- 경계를 정의하지 않음 hidden- 숨겨진 테두리를 정의합니다. 코드 A dotted border. A d..

* CSS의 배경 속성은 요소의 배경 효과를 정의하는 데 사용됩니다. css의 배경 속성 : - 배경색 - 배경 이미지 - 배경 반복 - 배경(첨부파일) - 배경 위치 : 요소의 배경 색상을 지정. [예제] body { background-color: lightblue; } Hello World! [실행 결과] : 전체 요소를 포함하므로 기본적으로 이미지가 반복된다. body { background-image: url("paper.gif"); } body { background-image: url("bgdesert.jpg"); } body { background-image: url("gradient_bg.png"); } body { background-image: url("gradient_bg.png")..

* CSS 스타일 시트 * CSS를 삽입하는 3가지 방법 - 외부 스타일 시트- 내부 스타일 시트- 인라인 스타일 * 외부 스타일 시트 *: 외부 스타일 시트를 사용하면 하나의 파일만 변경하여 전체 웹 사이트의 모양을 변경할 수 있습니다. 각 페이지는 요소 안에 외부 스타일 시트 파일에 대한 참조를 포함해야 합니다. 요소는 섹션 안에 있습니다. 외부 스타일 시트는 텍스트 편집기로 작성할 수 있습니다. 파일에 html 태그가 없어야 합니다. 스타일 시트 파일은 .css 확장자로 저장해야 합니다. * 내부 스타일 시트 *: 한 페이지에 고유 스타일이 있는 경우 내부 스타일 시트가 사용될 수 있습니다. 내부 스타일은 요소 내에서 HTML 페이지의 섹션 내에 정의됩니다. body { background-colo..

* CSS * * CSS란? *: Cascading Style Sheet CSS는 HTML 요소가 화면, 종이 또는 다른 매체에 표시되는 방법을 설명합니다. 외부 스타일 시트는 CSS 파일에 저장됩니다. - CSS 구문- Selector은 스타일을 지정할 HTML 요소를 가리킵니다. - 선언 블록은 세미콜론으로 구분된 하나 이상의 선언을 포함합니다.- 각 선언에는 콜론으로 구분된 CSS 속성 이름과 값이 포함됩니다.- CSS 선언은 항상 세미콜론으로 끝나며 선언 블록은 중괄호로 묶습니다. * CSS Selector *: CSS 선택기는 HTML 요소를 요소 이름, ID, 클래스, 특성 등에 따라 찾거나 선택하는 데 사용됩니다. - 요소(Element) 선택기 : 요소 선택기는 요소 이름을 기반으로 요소를..