본문 바로가기

html css

(2)
태그에 테두리를 만들어내는 border 속성 border border 속성은 HTML의 각 태그들에 테두리를 만들어낼 수 있다. border 속성을 이용하여 태그들의 경계가 어디까지인지 육안으로 식별 가능하며, 웹 브라우저에서 각각의 태그들을 구분하기 쉬워진다. border 스타일 종류 각각의 스타일은 전부 3px의 두께를 기준으로 표현했다. solid dotted dashed double inset outset ridge groove border 속성 사용법 border 속성 하나만 사용 border 속성 하나만을 이용하여 두께, 테두리 스타일, 색상을 지정할 수 있다. 단, 테두리의 형태는 필수로 지정해줘야지 화면에 나오게 된다. border.html border (실행결과) border border-style 속성 사용 border-style..
CSS를 HTML에 적용시키는 방법 CSS CSS는 'Cascading Style Sheets'의 약자로써, HTML을 이용하여 기본적인 웹 페이지의 골격을 만들었다면 CSS를 이용하여 색상, 크기, 위치, 모양 등을 지정할 수 있다. CSS에 대해 아는게 많을 수록 웹 페이지의 가시성이 높아지고, 스타일있게 꾸밀 수 있다. CSS를 HTML에 적용시키는 방법 CSS를 HTML에 적용시키는 방법에는 3가지 정도가 있다. HTML 내부에 태그를 이용한 '내부 스타일시트' 방식 별도의 파일을 이용하여 HTML에 링크시키는 '외부 스타일시트' 방식 HTML 태그 내부에 속성으로 스타일을 지정하는 '인라인' 방식 내부 스타일시트 내부 스타일시트 방식은 HTML의 Hello CSS (실행결과) 외부 스타일시트 외부 스타일시트 방식은 html 파일 ..