网站左侧悬浮图片竖行横幅代码教程带关闭按钮

在子比主题后台，底部自定义代码

CSS代码

/*
 * @Description     : 左侧悬浮悬浮竖横幅图片
 * @Url             : https://www.lanrenn.cn/
 * @Email           : 410753470@qq.com
 * @Date            : 2025-03-16 13:14:52
 */
/* for banner page*/
.banner-float {
    position: fixed;
    /* top: 76px; */
    top: 112px;
    z-index: 100;
     margin-left: 15px;

}
.banner-float a img{
  width: 120px;
  height: 400px;
  border-radius: 4px;
}

.banner-float .close-banner{ 
  position: absolute;
  cursor: pointer;
  top: 0px;
  right: -15px;
}

.banner-middle{ 
    background-color: #f6f6f6;
    width: 960px;
    height: 125px; 
}
.banner-middle-img-content{
	  float: left;
}

.banner-middle .banner-middle-img-content-0{ 
	 margin-left: 15px;
}
.banner-middle .banner-middle-img-content-1{
	  margin: 0px 15px;
} 

.banner-middle a img{
  width: 300px;
  height: 100px;
  margin-top: 12.5px;
}

.middle-banner-title{
	padding: 7px 0px 0px 20px;
	background: url("../img/banner_middler_lable.png") no-repeat
}

如您有好的资源/素材，可参与创作者激励计划享投稿分成。分成介绍
投稿成功收录，即可获得 1-10元/篇奖励。（重复内容无奖励）

© 版权声明

懒人资源网

"想做一件任何人都可以做的事情"

打赏作者

订阅

使用手机扫码阅读这篇文章

本文是原创文章，采用CC BY-NC-SA 4.0协议，完整转载请注明来自懒人资源网