排名前三个不同的奖牌背景css

最新推荐文章于 2024-05-03 00:15:06 发布

XUYANBOYA

最新推荐文章于 2024-05-03 00:15:06 发布

阅读量462

点赞数

文章标签： css 前端 html

本文链接：https://blog.csdn.net/XUYANBOYA/article/details/128199842

版权

.chong:nth-child(1) .you {
  background-image: url(~@/assets/images/jiang1.png)
}

.chong:nth-child(2) .you {
  background-image: url(~@/assets/images/jiang2.png)
}

.chong:nth-child(3) .you {
  background-image: url(~@/assets/images/jiang3.png)
}
.chong{
  cursor: pointer;
  -webkit-transition: all .5s ease-in-out;
  transition: all .5s ease-in-out;
  position: relative;
  border-radius: 10px;
  background-color: #f9f9f9;
  margin-bottom: 15px;
  margin-right: 15px;

  .you{
    position: absolute;
    top: 0px;
    right: 10px;
    width: 30px;
    height: 30px;
    background-size: cover;
    line-height: 33px;
    text-align: center;
    font-size: 15px;
    font-weight: bold;
    color: #fff;
    background-image: url(~@/assets/images/jiangbac.png)
  }
}