图片上怎么加before

1、before无法直接定义图片宽高，用content:""。2、插入文本来定义文本高度，插入背景图片，background-size:cover或者contain，这个是设置背景图片自适应文本宽高，所以是通过文本宽高间接设置了图片宽高。

就是可以在某个标签的前面或者后面添加一个虚拟元素，需结合content使用。

css可以对元素做的事，对这个伪元素都可以做，然后也不奇怪能做出个三角形了（三角形是用很宽的边框+内容宽高都为0做出来的）但是，伪元素因为不在DOM里存在，也不会在调试工具里显示，所以不太好调试。

伪对象：after还有一个重要的用法--清除浮动。这种清除浮动的方法几乎成了一个固定的模式，很多大型网站里面都有用到。

易于使用和修改

CSS可以将样式定义在HTML元素的style属性中，也可以将其定义在HTML文档的header部分，也可以将样式声明在一个专门的CSS文件中，以供HTML页面引用。总之，CSS样式表可以将所有的样式声明统一存放，进行统一管理。

另外，可以将相同样式的元素进行归类，使用同一个样式进行定义，也可以将某个样式应用到所有同名的HTML标签中，也可以将一个CSS样式指定到某个页面元素中。如果要修改样式，我们只需要在样式列表中找到相应的样式声明进行修改。

以上内容参考：百度百科-CSS