<CSS>생활코딩_박스 모델 활용해서 제목, 목차 꾸미기

CSS

쑹쑹 2023. 1. 13. 14:24

728x90

* CC BY 생활코딩

h1 아래 밑줄을 주려면 테두리 아래 선만 표시하면 됨.

제목 위치가 애매 하게 되있기 때문에 magin을 없애주고 padding 값으로 제목과 테두리 사이를 띄어줌.

목차부분은 <ol></ol>인데 줄 전체를 쓰는 block 태그이기 때문에 width로 폭넓이를 조절

magin과 padding 이용해서 간격 디자인 해주고, body 태그의 마진도 0으로 설정해줘서 빈공간을 없애줌.

728x90