html - 多个链接/图像周围的css边框

Question

我有 4 个作为链接的图像，我想创建一个边框，但不是在每个图像周围创建它（CSS 会自动创建它）我想围绕 4 个图像整体创建它。

Answer 1

将图像放在 div 中，然后在 div 上设置边框，如下所示：

<style>
.image-div{
 border:1px #000;
}
</style>
<div class="image-div">
  <img src="">
  <img src="">
  <img src="">
  <img src="">
</div>

Answer 2

检查这个 JSFiddle：http: //jsfiddle.net/RXmb9/4/

将图像包装在跨度或 div 中，然后应用边框。

CSS

.cool { border:1px solid red; }
 img { width:50px; height:50px; }
 .one { /* Apply specific borders for images if you want */ }

HTML

<div class="cool">
  <img src="" class="one" />
  <img src="" class="two" />
  <img src="" class="three" />
  <img src="" class="four" />
</div>