漂亮的广告文案展示代码

<div class="bm shadow dm" style="width: 300px; margin: 0px; position: static; top: 50px;">
<div class="p-button">
<a href="bing" target="_blank"><div class="bing"><p>必应壁纸每日凌晨自动更新</p></div></a>
<a href="start" target="_blank"><div class="vip"><p>互联网爱好者的网址导航站</p></div></a>
<a href="wallpaper" target="_blank"><div class="ds"><p>数千张高清桌面壁纸在线下载</p></div></a>
</div>
</div>
</div></a></div></div></div>
<style>
/*右侧悬浮客服*/
a {
    color: #666;
    text-decoration: none;
    transition: all .2s ease;
}
.shadow {
    box-shadow: 0 5px 10px 0 rgba(146,146,146,.1);
    border-radius: 3px;
}
.bm {
    background: #FFF;
}
.bm, .bn {
    margin-bottom: 10px !important;
}
.dm {
    padding: 10px !important;
}
.p-button .bing {
    color: #FFF;
    font-size: 13px;
    background-image: linear-gradient(to right,rgb(86,204,242),rgb(47,128,237));
    height: 35px;
    border-radius: 3px;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-bottom: 10px;
}
.p-button .vip {
    color: #FFF;
    font-size: 13px;
    background-image: linear-gradient(to right,rgb(238,9,121),rgb(255,106,0));
    height: 35px;
    border-radius: 3px;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-bottom: 10px;
}
.p-button .ds {
    color: #FFF;
    font-size: 13px;
    background-image: linear-gradient(to right,rgb(64,224,208),rgb(255,140,0),rgb(255,0,128));
    height: 35px;
    border-radius: 3px;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-top: 10px;
}</style>

 

内容看完了
© 版权声明
1:本网站名称:蜡笔傻新
2:本站永久网址:https://labishaxin.com/
3:本站部分内容收集于互联网,如果有侵权内容、请联系我们删除,不妥之处,敬请谅解
4:本站一切资源不代表本站立场,并不代表本站赞同其观点和对其真实性负责
5:本站一律禁止以任何方式发布或转载任何违法的相关信息,访客发现请向站长举报
6:本站资源大多存储在云盘,如发现链接失效,请联系我们我们会第一时间更新
点赞14赞赏 分享
评论 抢沙发

请登录后发表评论