div border속성 (테두리,선,굵기등...)

지금 진행중인 프로젝트에서 상단은 <hr>속성 하나로 줄을 구분해 주었지만, 하단에서는 hr속성을 사용하기가

 

조금 곤란했다. 그래서 div를 하나만들어주고 상단에 라인을 만들어줘 고정시키면 되겠다고 생각했다.

 

중요한건 div 상단이건 하단이건 div박스 자체에 border속성을 주는 방법을 알아야 한다는 것이 었다.

 

그저 div에다가 border-top: solid; 이런식으로 속성을주고 원하면 px지정 및 색상까지 정해줄 수 있다.

 

- 참고한사이트

https://developer.mozilla.org/ko/docs/Web/CSS/border-top