一、圖片邊框border
在「CSS邊框border」這一節我們詳細解說了邊框border屬性。在CSS中，對於圖片的邊框，我們也是使用border屬性來定義。
語法：
border-width:像素值;
border-style:屬性值;
border-color:顏色值;
或簡潔1px solid gray;」。 說明：如果大家忘了border屬性，請自己回去複習一下。 舉例1：
<!DOCTYPE html>
<head>
<title>图片边框border</title>
<style type="text/css">
img
{
width:60px;
height:60px;
border:1px solid red;
}
</style>
</head>
<body>
<img src="../App_images/lesson/run_cj/cartoongirl.gif" alt=""/>
</body>
</html>舉例2：
<!DOCTYPE html>
<head>
<title>图片边框border</title>
<style type="text/css">
img{width:60px;height:60px;}
img:hover{border:1px solid gray;}
</style>
</head>
<body>
<img src="../App_images/lesson/run_cj/cartoongirl.gif" alt=""/>
</body>
</html>hover偽類”，來定義滑鼠經過圖片時會出現灰色邊框。
更多CSS入門教學：圖片邊框border相關文章請關注PHP中文網！
