w3.css

수직선

CSS를 사용하여 다양한 구분선을 만드는 방법을 알아보자.

수직선을 만드는 방법

1단계) HTML 추가

<style>
.vl {
  border-left: 6px solid green;
  height: 500px;
}
</style>

<div class="vl"></div>

2단계) CSS 추가

페이지의 수직선을 가운데 정렬하는 방법

.vl {
  border-left: 6px solid green;
  height: 500px;
  position: absolute;
  left: 50%;
  margin-left: -3px;
  top: 0;
}

Mingg`s Diary

밍구

공부 목적 블로그

https://maz.kr

모든 포스트 보기