网站广告代码超好看

<!--图片广告区域开始--> <div > <!--<h3 class="fly-panel-title" >赞助商广告 <a href="http://www.httple.net/" target="_blank" onmouseover="this.style.color='#F00'" onmouseout="this.style.color='#dedede'">广告招商</a></h3>--> <a class="adplan" data-id="15" rel="nofollow" target="_blank" href="http://www.httple.net/" title="广告联系q：888888888|过期时间：永久"> <img src="http://www.httple.net/upload/attach/202101/1_ERSVYQM4C4P376A.png" width="644" height="70" title="" align="" alt="" /></a> <!--图片广告区域结束--> <!--顶部双排广告第二行--> <style>    #nr{    font-size:20px;    margin: 0;        background: -webkit-linear-gradient(left,            #ffffff,            #ff0000 6.25%,            #ff7d00 12.5%,            #ffff00 18.75%,            #00ff00 25%,            #00ffff 31.25%,            #0000ff 37.5%,            #ff00ff 43.75%,            #ffff00 50%,            #ff0000 56.25%,            #ff7d00 62.5%,            #ffff00 68.75%,            #00ff00 75%,            #00ffff 81.25%,            #0000ff 87.5%,            #ff00ff 93.75%,            #ffff00 100%);        -webkit-background-clip: text;        -webkit-text-fill-color: transparent;        background-size: 200% 100%;        animation: masked-animation 2s infinite linear;    }    @keyframes masked-animation {        0% {            background-position: 0 0;        }        100% {            background-position: -100%, 0;        }    } </style> <div > <marquee> <b id="nr">公告：欢迎来到资源宝 永久地址www.httple.net</b> </marquee> </div> <!--顶部双排广告第二行--> <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="http://www.httple.net/" target="_blank" rel="nofollow" class="dh">文字广告火爆招租</a> <a href="http://www.httple.net/" target="_blank" rel="nofollow" class="dh">文字广告火爆招租</a> <a href="http://www.httple.net/" target="_blank" rel="nofollow" class="dh">文字广告火爆招租</a> <a href="http://www.httple.net/" target="_blank" rel="nofollow" class="dh">文字广告火爆招租</a> <a href="http:/www.httple.net/" target="_blank" rel="nofollow" class="dh">文字广告火爆招租</a> <a href="http://www.httple.net/" target="_blank" rel="nofollow" class="dh">文字广告火爆招租</a> <a href="http://www.httple.net/" target="_blank" rel="nofollow" class="dh">文字广告火爆招租</a> <a href="http://www.httple.net/" target="_blank" rel="nofollow" class="dh">文字广告火爆招租</a> </div> </div> <!--文字广告结束-->