文章目录[隐藏]
一段非常好看的纯代码广告样式,演示效果如下,附上源代码:

广告代码:
图片广告样式:
<!--图片广告区域开始-->
<div style="background-color:#fff;box-shadow:0px 0px 10px #dedede;padding:5px;margin-top:5px;margin-bottom:5px;">
<a class="adplan" data-id="15" style="display:block;width:100%;margin-bottom:10px;" rel="nofollow" target="_blank" href=",https://www.360mb.net" title="广告联系q:963020001过期时间:永久"> <img src="https://www.360mb.net/gge/gg.png" style="max-height:70px;width:100%;border-radius:4px;" title="" align="" alt="" /></a>
<!--图片广告区域结束-->
滚动公告样式:
<!--文字广告开始-->
<style>
.txtguanggao{width: 100%;overflow: hidden;display: block;box-shadow: 0 1px 2px 0 rgba(0,0,0,.05);}.txtguanggao a{width: 24.5%;float: left;border-radius: 2px;line-height: 35.35px;height: 35.35px;text-align: center;font-size: 14px;color: #fff;display: inline-block;background-color: rgb(255, 153, 159);margin: 2.5px;transition-duration: .3s;}.txtguanggao a:nth-child(1) {background-color: #dc3545;}.txtguanggao a:nth-child(2) {background-color: #007bff;}.txtguanggao a:nth-child(3) {background-color: #28a745;}.txtguanggao a:nth-child(4) {background-color: #ffc107;}.txtguanggao a:nth-child(5) {background-color: #28a745;}.txtguanggao a:nth-child(6) {background-color: #ffc107;}.txtguanggao a:nth-child(7) {background-color: #dc3545;}.txtguanggao a:nth-child(8){background-color: #007bff;}.txtguanggao a:hover{background:#FF2805;color:#FFF}@media screen and (max-width: 1000px) {.txtguanggao a{width: 47.96%;float: left;border-radius: 2px;line-height: 35.35px;height: 35.35px;text-align: center;font-size: 14px;color: #fff;display: inline-block;background-color: rgb(255, 153, 159);margin: 2.5px;transition-duration: .3s;}}
</style>
<div class="txtguanggao">
<a href="https://www.baidu.com" target="_blank" rel="nofollow" class="dh">文字广告火爆招租</a> <a href="https://www.360mb.net" target="_blank" rel="nofollow" class="dh">文字广告火爆招租</a> <a href="https://www.360mb.net" target="_blank" rel="nofollow" class="dh">文字广告火爆招租</a> <a href="https://www.360mb.net" target="_blank" rel="nofollow" class="dh">文字广告火爆招租</a> <a href="https://www.360mb.net" target="_blank" rel="nofollow" class="dh">文字广告火爆招租</a> <a href="https://www.360mb.net" target="_blank" rel="nofollow" class="dh">文字广告火爆招租</a> <a href="https://www.360mb.net" target="_blank" rel="nofollow" class="dh">文字广告火爆招租</a> <a href="https://www.360mb.net" target="_blank" rel="nofollow" class="dh">文字广告火爆招租</a>
</div>
</div>
<!--文字广告结束-->
公告: 本站提供的源码、模板、插件等等其他资源,除资源本身问题外,都不包含免费技术服务,如需技术支持需支付100+技术服务费,具体依客服说明为准,请大家谅解!
说明: 本站资源解压密码见“常见问题”,一般都为“www.360mb.net”!
声明:本站所有文章,如无特殊说明或标注,均为本站原创发布。任何个人或组织,在未征得本站同意时,禁止复制、盗用、采集、发布本站内容到任何网站、书籍等各类媒体平台。如若本站内容侵犯了原著者的合法权益,可联系我们进行处理。
说明: 本站资源解压密码见“常见问题”,一般都为“www.360mb.net”!
声明:本站所有文章,如无特殊说明或标注,均为本站原创发布。任何个人或组织,在未征得本站同意时,禁止复制、盗用、采集、发布本站内容到任何网站、书籍等各类媒体平台。如若本站内容侵犯了原著者的合法权益,可联系我们进行处理。
评论(4)
谢谢谢谢
好看好看
可以可以
666
可以