在网页设计中，为图片添加边框是一种常见的美化效果，可以使图片在页面中更加突出和吸引人眼球。在CSS中，我们可以通过简单的代码来实现为图片添加边框的效果。下面我将为您介绍几种常见的方法：

### 1. 使用CSS的border属性

通过CSS的`border`属性，我们可以为图片添加边框，并控制边框的粗细、颜色和样式。

```css img { border: 2px solid #000; /* 2px宽度，黑色实线边框 */ } ```

在上面的代码中，`2px`表示边框的宽度，`solid`表示边框的样式为实线，`#000`为黑色。您可以根据需要调整这些值来自定义边框的样式。

### 2. 使用CSS的border-radius属性

通过CSS的`border-radius`属性，我们可以为图片添加圆角边框，使图片看起来更加柔和。

```css img { border: 2px solid #000; border-radius: 10px; /* 圆角半径为10px */ } ```

在上面的代码中，`10px`表示圆角的半径大小，您可以根据需要调整这个值。

### 3. 使用CSS的box-shadow属性

通过CSS的`box-shadow`属性，我们可以为图片添加阴影效果，使图片看起来更加立体和生动。

```css img { box-shadow: 0 0 10px rgba(0, 0, 0, 0.5); /* 10px模糊黑色阴影 */ } ```

在上面的代码中，`0 0 10px`表示阴影的水平偏移、垂直偏移和模糊程度，`rgba(0, 0, 0, 0.5)`表示阴影的颜色和透明度。您可以根据需要调整这些值。

以上是几种常见的方法，您可以根据具体需求选择适合的方式为图片添加边框。希望这些方法对您有所帮助！

上一篇：彭阳县ps自学教程

下一篇：ps如何加黑框