漂亮的广告文案展示代码
3年前
超过1234天
温馨提示
本文最后更新于2021年07月06日，已超过1234天没有更新，若内容或图片失效，请留言反馈。
漂亮的广告文案展示代码
css样式
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;
}
html代码
<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>
0 赞
or 打赏
喜欢就打赏一点
上一篇
下一篇
