放body看,你懂的:)

CSS3 banner图片的标签效果

<style>
.featureBanner{ position:relative; padding:10px 25px 10px 10px; font-size:14px; line-height:1; background:#ee7600; box-shadow:-1px 5px 5px -5px #000;}
.featureBanner:after{content:""; position:absolute; top:36px; left:0; border:4px solid; border-color:#89540c #89540c transparent transparent;}
.featureBanner:before{content:""; position:absolute;top:1px; right:0;  border:17px solid; border-color:transparent; border-right-color:#fff;}
</style>
<span class="featureBanner">图片图片</span>

相关文章:

  • 2022-12-23
  • 2021-12-26
  • 2022-02-08
  • 2022-12-23
  • 2022-12-23
  • 2022-12-23
  • 2022-12-23
  • 2022-12-23
猜你喜欢
  • 2022-12-23
  • 2022-02-04
  • 2021-11-26
  • 2022-01-20
  • 2022-12-23
  • 2022-12-23
  • 2021-12-02
相关资源
相似解决方案