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;
}

代码来源:路人丁

人已赞赏
其他教程

简七的32堂小白理财课程_陪你好好挣錢、助你錢生錢

2020-4-15 0:00:55

其他教程

快速看完青年大学习视频小技巧_仅支持iPhone手机

2020-4-18 0:04:00

重要说明

本站资源大多来自网络,如有侵犯你的权益请联系管理员Mankey 或给邮箱发送邮件l.0.h#foxmail.com 我们会第一时间进行审核删除。站内资源为网友个人学习或测试研究使用,未经原版权作者许可,禁止用于任何商业途径!请在下载24小时内删除!


如果遇到评论下载的文章,评论后刷新页面点击对应的蓝字按钮即可跳转到下载页面本站资源少部分采用7z压缩,为防止有人压缩软件不支持7z格式,7z解压,建议下载7-zip(点击下载),zip、rar解压,建议下载WinRAR(点击下载)

0 条回复 A文章作者 M管理员
    暂无讨论,说说你的看法吧
个人中心
今日签到
有新私信 私信列表
搜索