HTML 实现网站对联广告位

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

html代码,放到固定的位置

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

css样式代码

.index-wall-left {
    width: 350px;
    height: 528px;
    position: absolute;
    top: 120px;
    margin-left: -366px;
    background: url(https://eimg.smzdm.com/201912/23/5e005a69169374667.png) no-repeat right top;
    background-size: contain;
    z-index: 10;
}
.index-wall-right {
    width: 350px;
    height: 528px;
    position: absolute;
    top: 120px;
    margin-left: 1140px;
    background: url(https://eimg.smzdm.com/201912/23/5e005a6dcfa5a5135.png) no-repeat left top;
    background-size: contain;
    z-index: 10;
}
.index-wall-fixed {
    position: fixed;
}

效果图所示

给TA买糖
共{{data.count}}人
人已赞赏
网站建设

网易云音乐无版权歌曲试听方法

2020-4-11 20:38:31

网站建设

使用Gridea在Coding/GitHub上搭建免费博客网站

2020-5-3 18:43:01

⚠️
Golurending上的部份代码及教程来源于互联网,仅供网友学习交流,未经Golurending作者或上传书面授权,请勿作他用。
若您的权利被侵害,请联系站长 邮箱codesns#163.com(#-@) 或 点击右侧 私信:管理员 反馈,我们将尽快处理。
0 条回复 A文章作者 M管理员
    暂无讨论,说说你的看法吧
个人中心
购物车
优惠劵
今日签到
有新私信 私信列表
搜索