漂亮的广告文案展示代码

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