[웹] 세로선 가로선 만들기

안녕하세요 크로네입니다.

오늘은 웹코딩으로 세로선과 가로선을 만드는 방법을 알려드리겠습니다.

 

1. 가로선

먼저 가로선을 만드는 방법은 2가지입니다.

첫번째 - HTML

<hr> 태그를 이용해 가로선을 만듭니다.

위
<hr>
아래

<hr> 태그는 내용을 분리하거나 구분할 때 사용할 수 있는 수평 가로선을 만들때 사용하는 태그입니다.

두번째 - CSS

가로로 긴 div 에게 CSS 로 border 를 만들어 줍니다.

<div style="height: 100px; width: 0px; border: solid 0.5px gray"></div>

CSS 로 위와 아래를 구분하는 코드를 만들었습니다.

2. 세로선

세로선은 HTML에서 기본적으로 재공하는 태그가 없기 때문에

CSS로 직접 만들어야 합니다

<div style="height: 0px; width: 100px; border: solid 0.5px gray"></div>

이렇게 위와 같은 코드를 이용했더니

이렇게 생긴 세로선을 만들수 있습니다.

 

이상 크로네의 가로선과 세로선 만들기였습니다.

감사합니다.