推荐建站教程

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

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

效果图:

gg.png

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;
}
原创文章,作者:馒头侠,如若转载,请注明出处:https://www.mantouxia.com/682.html
一款免费开源wordpress三栏主题-smarty_hankin
« 上一篇 01-23
小z博客自用WordPress主题Msimple正式发布
下一篇 » 01-23

发表评论