标题：用CSS对图片设边框
随着互联网的普及，越来越多的用户开始使用电子设备浏览网页。在这个过程中，我们遇到了越来越多的问题，比如如何给图片设置边框，使图片更加清晰和美观。本文将介绍如何使用CSS来给图片设置边框。
首先，我们需要下载并安装一个浏览器，以便能够访问CSS编辑器。常见的浏览器包括Chrome、Firefox、Safari和Edge等。安装完成后，打开浏览器并输入以下代码，即可在浏览器中看到效果：
```css
border: 1px solid black; /* 设置图片边框的颜色为黑色 */
width: 100%; /* 设置图片的宽度为100% */
height: auto; /* 设置图片的高度为图片宽度的一半，以避免边框过于重叠 */
上述代码中，`border`属性用于设置图片边框的宽度和颜色，`width`属性用于设置图片的宽度为100%,`height`属性用于设置图片的高度为auto，以避免边框过于重叠。
现在，我们可以尝试在浏览器中查看效果。在浏览器中打开HTML文件，并输入以下代码：
```html
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>设置图片边框</title>
<style>
border: 1px solid black;
width: 100%;
height: auto;
}
</style>
</head>
<body>
</body>
</html>
现在，我们可以尝试在浏览器中查看效果。在浏览器中打开HTML文件，并输入以下代码：
```html
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>没有边框的图片</title>
<style>
width: 100%;
height: auto;
}
</style>
</head>
<body>
</body>
</html>
以上就是使用CSS对图片设边框的全部内容。通过使用CSS，我们可以轻松地给图片设置边框，使图片更加清晰和美观。