css中怎么设置图片下边框

CSS中有许多方法可以设置图片的下边框，下面我们来介绍其中几种。
首先，我们可以使用border属性来设置边框，其中包括边框样式、边框宽度和边框颜色。通过设置边框样式为solid（实线），边框宽度为1px或者2px，颜色为我们需要的颜色，我们就可以在图片下方添加一个简单的边框。
代码如下：

img {
  border-bottom: 1px solid #000000;
} 

在这个例子中，我们使用了CSS选择器来选择所有的img元素，并且设置了它们的下边框。当然，我们也可以只针对某一个图片进行样式设置，只需要将选择器匹配改为该图片的ID或者类名即可。
其次，我们可以使用伪元素来添加图片下方的边框。在示例代码中，我们使用了::after伪元素来为图片创建一个下边框。
代码如下：

img::after {
  display: block;
  content: "";
  height: 1px;
  background-color: #000000;
} 

在这个例子中，我们使用了::after伪元素来创建一个空白的元素，并将其显示为块级元素。然后，我们可以通过设置高度和背景颜色来创建图片的下边框。注意，需要为该伪元素设置content属性，否则它将不会显示。
最后，我们可以使用box-shadow属性来模拟一个下边框。虽然这种方法并不是真正的边框，但它可以为图片创建一个立体感。
代码如下：

img {
  box-shadow: 0px 1px 0px #000000;
} 

在这个例子中，我们使用了box-shadow属性来创建图片的下边框。其中，水平和垂直偏移量都为0，阴影大小为1px，颜色为黑色。这样，我们就可以为图片创建一个看起来像边框的效果。
无论我们使用哪种方法，设置图片下边框都是非常简单的事情。选择一种适合自己的方法，加上一些创意，我们就可以为图片添加一些额外的样式，使其更加吸引人。