css图片上面设置文字 |css3折纸菜单

img {
position: relative;
}
img:after {
content: "这里是文字";
position: absolute;
top: 0;
left: 0;
background: #000;
color: #fff;
padding: 5px;
}

首先，大家需要将图片的定位设置为相对定位，这样才能让它作为绝对定位的容器。

接着，在这个图片上面使用伪元素after来添加文字。大家需要将其定位为绝对定位，然后设置其top和left值为0，这样就可以让它跟图片重叠。

接下来就是文本样式的设置了。大家在伪元素的样式中设置background背景色、color字体颜色和padding内边距就可以了。

通过这几行CSS代码，大家就可以轻松地在图片上方添加文字了。当然，具体的样式设置还要根据实际需求进行调整。