请问这样的网页图片效果怎么做出来？

    查看了每个图片的背景，是一个方角图片，不知道怎么变成圆角，然后上面蒙上一层透明的黑色，再把文字写上去。
    怎么把这个做成一个类，以便网页上放多张图片时套用？
    还有我想把黑色横条和文字放到图片中间，不知该怎么写代码？