分享一个html+css对联广告位的代码,网站通用

分享一个对联广告位的代码,网站通用,留着存放,哪天说不定用到了

html代码,放到固定的位置

  1. <div class="J_index_wall index-wall-left index-wall-fixed"><a href="></a></div>
  2. <div class="J_index_wall index-wall-right index-wall-fixed"><a href=""></a></div>

css样式代码

  1. .index-wall-left {
  2. width: 350px;
  3. height: 528px;
  4. position: absolute;
  5. top: 120px;
  6. margin-left: -366px;
  7. background: url(https://eimg.smzdm.com/201912/23/5e005a69169374667.png) no-repeat right top;
  8. background-size: contain;
  9. z-index: 10;
  10. }
  11. .index-wall-right {
  12. width: 350px;
  13. height: 528px;
  14. position: absolute;
  15. top: 120px;
  16. margin-left: 1140px;
  17. background: url(https://eimg.smzdm.com/201912/23/5e005a6dcfa5a5135.png) no-repeat left top;
  18. background-size: contain;
  19. z-index: 10;
  20. }
  21. .index-wall-fixed {
  22. position: fixed;
  23. }

效果图所示

6081243.png

文章由官网发布,如若转载,请注明出处:https://www.veimoz.com/134
0 评论
4.3k

发表评论

!