如何使用Pseudo元素将包装器（比如div）添加到标记中：在使用css并给它加上边框之后？

我可以使用

:after

、

:before

和

内容为图像提供完美的
边界半径
？我知道我可以用
span
或
div
来包装图像。但我只是好奇我是否可以不向html添加额外的元素

我需要为图像添加完美的边框，但我不喜欢，因为它在所有浏览器中都不是完美的

请看我的老问题，了解问题所在

一个技巧就是使用一点jQuery：


（看看mozilla、chrome、ie9和opera）

jquery：

<div class="small-images">
<img src="theme/a/img/Image_232_black.jpg">
<img src="theme/a/img/product1-232-bottom.jpg">
<img src="theme/a/img/product1-232-up.jpg">
</div>

以及您的HTML：

  .rounded{
    border-radius:20px;
    border:4px solid #444;
  }



正如您所见，它将图像替换为一个DIV，该DIV的背景图像由image
src
本身捕获
 定义“完美”，其他浏览器有什么问题吗？@amosrivera-很抱歉，我链接到了错误的页面。请查看。这就是你想做的吗？@roXon好吧，我不会再出丑了；-）浏览器“正常工作”的那一天将是一个奇怪但受欢迎的日子。@Jam:D很高兴现在有人有理智的幽默感。我认为这比给出错误/正确的答案/尝试更重要。+1感谢您的精彩尝试，但我不能对图像使用
alt
属性。我的意思是屏幕阅读器和搜索引擎将无法访问图像background@Jitendra他们将。我们可以在jQuery的高度和宽度“0px”中设置（而不是隐藏它们）。因此，图像将作为“alt”属性显示在“页面”上。你怎么认为？（另一个解决方案是添加一个绝对位置和左边距：-9000px，以使它们与视口保持距离。这是一个常见的技巧。甚至可以将它们设置为
不透明度：0；
）
  .rounded{
    border-radius:20px;
    border:4px solid #444;
  }

<div class="small-images">
   <img src="theme/a/img/Image_232_black.jpg">
   <img src="theme/a/img/product1-232-bottom.jpg">
   <img src="theme/a/img/product1-232-up.jpg">
</div>