[分享]css3取imgsrc

CSS3可以通过伪元素:before或者:after选择器来获取img标签的src属性值。例如：

img::before {
  content: attr(src);
} 

这样就可以把标签中的src属性值作为:before伪元素的content属性值显示在浏览器中。

同时，为了避免content属性值被影响到原有的布局，可以使用一些CSS样式来控制它的显示位置和大小，比如：

img::before {
  content: attr(src);
  display: block;
  margin: 0 auto;
  width: 50%;
  height: auto;
} 

这样:before伪元素就会显示在标签上方，居中显示，大小为标签宽度的50%。

总之，通过:before伪元素选择器，我们可以方便地获取标签的src属性值并进行自定义样式的显示。