HTLM 이미지/글자 테두리 설정하는 방법

공부하자/HTML

YoBot 2016. 11. 27. 13:14

HTLM 이미지/글자 테두리 설정하는 방법

좌측 이미지와 같이 테두리가 없는 소스는 아래와 같다.

<img src="이미지"/><br>

기본적으로 테두리는 border로 나타낸다.

style="border: 테두리 크기px;"

크기를 조정하였다면 테두리를 설정한다.

테두리를 생성해 보기전에 선종류를 확인하자면

선의 종류는 solid, dotted, dashed, double, groove, inset, outset, ridge 가 있다.

거기서 본인은 실선인 solid를 사용하였다.

상기 배운 부분을 합치면 아래와 같다.

<img src="이미지" style="border:테두리 크기px 테두리 종류 테두리 색; /><br>

위에서 배운 예제를 사용하면 아래와 같이 사용할 수 있다.

<img src="images/converscontent1.jpg" style="border:8px solid white; /><br>

좌측의 이미지는 적용한 이미지이며, 글자 또한 테두리 설정 방법은 동일하다.

글자의 style일 부분에 동일하게 적용해 주면된다.

저작자표시 비영리 변경금지

『FR』