반응형 티스토리 본문에 수직선 넣기1 [html/css] 수직선 그리는법 2가지(인용문 앞에 활용) [html/css] 수직선 그리는법 2가지(인용문 앞에 활용) 웹페이지에서 인용문이나, 중요 내용 앞에 큰 수직선이 그려져 있는 걸 본 적 있으시죠... 오늘은 아래 이미지처럼 큰 수직선 그리는 2가지 방법과 티스토리 본문에 수직선 넣기도 알아보겠습니다. 1. border 속성을 사용하는 방법 2. 이미지를 사용하는 방법 저는 1번이 파일 용량도 적을뿐 아니라, 가장 손쉬운 방법인 것 같습니다. 1. border 속성을 사용하는 방법 (1) 왼쪽에 수직선을 그릴려면 border-left: 를, 오른쪽에 수직선을 그릴려면 border-right를 사용 (2) 선의 너비, 모양, 색상을 같이 지정합니다. (3) padding으로 수직선과 인용문 사이에 여백을 지정해 줍니다. 예) p.quote {border.. 2014. 8. 28. 이전 1 다음 반응형