围绕多个链接/图像的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>