홈피만들기/홈피제작/홈피꾸미기/무료홈페이지만들기/개인홈페이지제작/홈페이지만드는방법/무료개인홈페이지/html 홈페이지/html border/border 속성/style border/html 이미지 태그/html 이미지/img 태그속성/

11-4. 이미지의 테두리선

㈑ 이미지의 테두리선 

<img> 태그에서 border 옵션을 주어 

이미지의 테두리선을 지정해 줄 수 있고, 그 

선의 두께도 조절할 수 있다. 두께는 픽셀 단위로 

지정하는데 HTML 문서에서 단지 이미지만을 

나타낼 때는 border 속성을 주기 전에는 

테두리가 안 나타나지만 링크시키면 

테두리가 나타난다. 그 때는 border="0"으로 

지정하여 테두리선을 없앨 수도 있다.

(실습)

<html>

<head> <title>이미지의 테두리선</title> </head>

<body>
 
<img src="osiris.jpg">
 
<img src="osiris.jpg" border="2">
 
<img src="osiris.jpg" border="5">
 
<img src="osiris.jpg" border="20">

</body> 

</html>