css图片添加外框的代码 |css没有水平对齐

首先，让大家来看一下如何用CSS为图片添加外框。为了实现这个功能，大家需要使用CSS中的border属性。 border属性有三个值，分别为border-width、border-style和border-color。border-width用于定义边框的宽度，border-style用于定义边框的样式，border-color用于定义边框的颜色。 边框的样式可以是实线、虚线、点线、双线等等。大家可以通过设置样式来控制边框的样式。而边框的颜色则可以根据需要进行设定。 下面是一个简单的代码示例，展示如何为图片添加外框：

img {
border:  solid 1px #333;
}

在这个例子中，大家用border属性为图片添加外框。大家设置了边框样式为实线，边框宽度为1px，边框颜色为#333。 需要注意的是，如果您想在图片周围添加额外的内边距，以便使图片不会与边框重叠，可以使用padding属性。如下所示：

img {
border:  solid 1px #333;
padding: 10px;
}

在这个例子中，大家设置了10像素的内边距，使内容与边框之间有一些空隙。 总而言之，利用上述技巧，您可以轻松地为您的图片添加漂亮的外框。