html+css纯代码给自己的网站添加对联广告位

对联广告位展示:

对联广告位为下图红框选中区域,不会影响网站整体美光,用户点击体验,代码实现非常简单,几行代码即可,html代码要放在固定的位置,css代码直接丢入style.css文件中,有需要的上。

HTML代码:





CSS代码:

.index-wall-left {
    width: 350px;
    height: 528px;
    position: absolute;
    top: 120px;
    margin-left: -366px;
    background: url(这里放对联广告位显示图片链接-左广告位) 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(这里放对联广告位显示图片链接-右广告位) no-repeat left top;
    background-size: contain;
    z-index: 10;
}
.index-wall-fixed {
    position: fixed;
}

代码来源:路人丁

版权声明:
作者:Mankey
链接:https://l0h.cn/1677.html
来源:零零猴资源库
文章版权归作者所有,未经允许请勿转载。

THE END
分享
二维码
海报
html+css纯代码给自己的网站添加对联广告位
对联广告位展示: 对联广告位为下图红框选中区域,不会影响网站整体美光,用户点击体验,代码实现非常简单,几行代码即可,html代码要放在固定的位置,css代码……
<<上一篇
下一篇>>