목록border (2)

오뚝이개발자

[CSS] CSS 기초 4(경계선, 박스모델 조절)

테두리, 구분선 넣기 1. 테두리 넣기 h1 { font-size: 45px; text-align: center; border:1px solid gray; margin:0px; padding:20px; } 위와 같은 style 옵션을 style 태그 안에 넣어주면 아래 그림과 같은 결과를 볼 수 있다. border는 테두리를 지정해주는 속성이다. 그림에서 보듯이 WEB에 테두리가 생겼다. 2. 구분선 넣기 border를 조금 수정하여 테두리가 아닌 구분선으로 넣을 수도 있다. h1 { font-size: 45px; text-align: center; border-bottom:1px solid gray; margin:0px; padding:20px; } border-bottom으로 한 결과 위의 사진처럼 ..
Front-end/CSS 2020. 7. 8. 17:23
[CSS] CSS 기초3(CSS 박스 모델)

박스 모델 CSSCascading Style Sheets (CSS) is a style sheet language used for describing the presentation of a document written in a markup language like HTML.[1] CSS is a cornerstone technology of the World Wide Web, alongside HTML and JavaScript.[2] CSS is designed to enable the separation of presentation and content, including layout, colors, and fonts.[3] This separation can improve content acces..
Front-end/CSS 2020. 7. 6. 21:47
Prev 1 Next