HTML Image Border Examples

Image Solid Border

<html>
<head>
</head>
<body>
  <img src="../../images/img_nat.png" width="120" height="80" style="border:1px solid black;" alt="Natural" /> 
</body>
</html>
Natural

Image Dotted Border

<html>
<head>
</head>
<body>
  <img src="../../images/img_nat.png" width="120" height="80" style="border:2px dotted black;" alt="Natural" /> 
</body>
</html>
Natural

Image Dashed Border

<html>
<head>
</head>
<body>
  <img src="../../images/img_nat.png" width="120" height="80" style="border:2px dashed black;" alt="Natural" />
</body>
</html>
Natural

Image Double Border

<html>
<head>
</head>
<body>
  <img src="../../images/img_nat.png" width="120" height="80" style="border:4px double black;" alt="Natural" /> 
</body>
</html>
Natural

Image Groove Border

<html>
<head>
</head>
<body>
  <img src="../../images/img_nat.png" width="120" height="80" style="border:4px groove black;" alt="Natural" /> 
</body>
</html>
Natural

Image Inset Border

<html>
<head>
</head>
<body>
  <img src="../../images/img_nat.png" width="120" height="80" style="border:4px inset #666666;" alt="Natural" /> 
</body>
</html>
Natural

Image Outset Border

<html>
<head>
</head>
<body>
  <img src="../../images/img_nat.png" width="120" height="80" style="border:4px outset #666666;" alt="Natural" /> 
</body>
</html>
Natural