一、图片边框border
在“CSS边框border”这一节我们详细讲解了边框border属性。在CSS中，对于图片的边框，我们也是使用border属性来定义。
语法：
border-width:像素值;
border-style:属性值;
border-color:颜色值;
注：或者使用border简洁写法，如“border: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中文网！
Kelebihan sistem kawalan plc
padam folder dalam linux
Pengenalan kepada atribut tag artikel
Bagaimana cara menaip tulisan pada bulatan syiling?
Apakah maksud syiling MLM? Berapa lama masa yang biasanya diambil untuk runtuh?
Penggunaan biasa Array.slice
Sepuluh pertukaran mata wang digital teratas
Senarai kunci pengaktifan Windows 10
![[Web front-end] Permulaan pantas Node.js](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
