画像に枠(border)
<html> <head> <title>画像に枠</title> <style type="text/css"> <!-- .img1 { border: 2px #f00 solid; } .img2 { border: 10px #9f9 inset; } .img3 { border: 5px #60f double; } .img4 { border: 8px #ff0 dotted; } .img5 { border: 15px #00f dashed; } .img6 { border-color: red blue green yellow; border-width: 8px; border-style: groove; } //--> </style> </head> <body> <img src="../../sample/img/img.jpg" class="img1" alt="画像1"><br> <br> <img src="../../sample/img/img.jpg" class="img2" alt="画像2"><br> <br> <img src="../../sample/img/img.jpg" class="img3" alt="画像3"><br> <br> <img src="../../sample/img/img.jpg" class="img4" alt="画像4"><br> <br> <img src="../../sample/img/img.jpg" class="img5" alt="画像5"><br> <br> <img src="../../sample/img/img.jpg" class="img6" alt="画像6"> </body> </html>
〔 実行する 〕