HTML IMG tag: 이미지 테두리 둥글게 하기 (border-radius)

블로그나 웹페이지에 그림을 넣을 때, 테두리를 둥글게 다듬고자 한다면 이미지의 스타일에서 radius 값을 지정해 주면 된다.

[이미지의 스타일 속성 주기]

<img style="
border: 3px solid gold;
border-radius: 7px;
-moz-border-radius: 7px;
-khtml-border-radius: 7px;
-webkit-border-radius: 7px;
"
src="이미지 주소(URL)" />

윗쪽의 그림은 "radius 값을 일괄적으로 7"로 주었을 때의 모양이고, 아래쪽 그림은 일괄적으로 "70"을 주었을 때의 모습이다.


>> HTML 태그 사용법 목록: DIV P SPAN IMG A HR FONT BR ...