网站自适应html图片广告代码，适用于所有网站

使用方法：外观-小工具-自定义html，把代码复制进去，放在想要放置的地方。

<div class="ad"><!--图片横幅广告-->
<a href="/ad.html" rel="external nofollow"  rel="external nofollow"  rel="external nofollow"  rel="external nofollow"  rel="external nofollow"  rel="external nofollow"  rel="external nofollow"  rel="external nofollow"  rel="external nofollow"  rel="external nofollow"  rel="external nofollow"  target="_blank" rel="noopener"><img src="https://cdn.xiegang.wang/wp-content/uploads/2022/09/2c099f6878013737.webp" /></a>
<!--自适应文字广告-->
<ul>
 	<li><a style="line-height: 60px; height: 60px; color: #fff; background: #01AAED; text-align: center; font-size: 24px;" href="/ad.html" rel="external nofollow"  rel="external nofollow"  rel="external nofollow"  rel="external nofollow"  rel="external nofollow"  rel="external nofollow"  rel="external nofollow"  rel="external nofollow"  rel="external nofollow"  rel="external nofollow"  rel="external nofollow"  target="_blank" rel="noopener">广告招商 虚位以待</a></li>
 	<li><a style="line-height: 60px; height: 60px; color: #fff; background: #2F4056; text-align: center; font-size: 24px;" href="/ad.html" rel="external nofollow"  rel="external nofollow"  rel="external nofollow"  rel="external nofollow"  rel="external nofollow"  rel="external nofollow"  rel="external nofollow"  rel="external nofollow"  rel="external nofollow"  rel="external nofollow"  rel="external nofollow"  target="_blank" rel="noopener">广告招商 虚位以待</a></li>
</ul>
</div>
<div class="txtguanggao"><a class="dh" href="/ad.html" rel="external nofollow"  rel="external nofollow"  rel="external nofollow"  rel="external nofollow"  rel="external nofollow"  rel="external nofollow"  rel="external nofollow"  rel="external nofollow"  rel="external nofollow"  rel="external nofollow"  rel="external nofollow"  target="_blank" rel="noopener">超低价文字广告位</a>
<a class="dh" href="/ad.html" rel="external nofollow"  rel="external nofollow"  rel="external nofollow"  rel="external nofollow"  rel="external nofollow"  rel="external nofollow"  rel="external nofollow"  rel="external nofollow"  rel="external nofollow"  rel="external nofollow"  rel="external nofollow"  target="_blank" rel="noopener">超低价文字广告位</a>
<a class="dh" href="/ad.html" rel="external nofollow"  rel="external nofollow"  rel="external nofollow"  rel="external nofollow"  rel="external nofollow"  rel="external nofollow"  rel="external nofollow"  rel="external nofollow"  rel="external nofollow"  rel="external nofollow"  rel="external nofollow"  target="_blank" rel="noopener">超低价文字广告位</a>
<a class="dh" href="/ad.html" rel="external nofollow"  rel="external nofollow"  rel="external nofollow"  rel="external nofollow"  rel="external nofollow"  rel="external nofollow"  rel="external nofollow"  rel="external nofollow"  rel="external nofollow"  rel="external nofollow"  rel="external nofollow"  target="_blank" rel="noopener">超低价文字广告位</a>
<a class="dh" href="/ad.html" rel="external nofollow"  rel="external nofollow"  rel="external nofollow"  rel="external nofollow"  rel="external nofollow"  rel="external nofollow"  rel="external nofollow"  rel="external nofollow"  rel="external nofollow"  rel="external nofollow"  rel="external nofollow"  target="_blank" rel="noopener">超低价文字广告位</a>
<a class="dh" href="/ad.html" rel="external nofollow"  rel="external nofollow"  rel="external nofollow"  rel="external nofollow"  rel="external nofollow"  rel="external nofollow"  rel="external nofollow"  rel="external nofollow"  rel="external nofollow"  rel="external nofollow"  rel="external nofollow"  target="_blank" rel="noopener">超低价文字广告位</a>
<a class="dh" href="/ad.html" rel="external nofollow"  rel="external nofollow"  rel="external nofollow"  rel="external nofollow"  rel="external nofollow"  rel="external nofollow"  rel="external nofollow"  rel="external nofollow"  rel="external nofollow"  rel="external nofollow"  rel="external nofollow"  target="_blank" rel="noopener">超低价文字广告位</a>
<a class="dh" href="/ad.html" rel="external nofollow"  rel="external nofollow"  rel="external nofollow"  rel="external nofollow"  rel="external nofollow"  rel="external nofollow"  rel="external nofollow"  rel="external nofollow"  rel="external nofollow"  rel="external nofollow"  rel="external nofollow"  target="_blank" rel="noopener">超低价文字广告位</a></div>
<style>
    /**广告位**/<br />    .ad{background:#fff;overflow:hidden;clear:both;border-radius: 6px;}<br />    .ad a{margin:5px;display:block;border-radius:3px;}<br />    .ad img{max-width:100%;}<br />    .ad li{float:left;width:50%;list-style:none;}<br />    @media(max-width:999px) {<br />    .ad{margin: 0 0 10px 0;}<br />    .ad li{width:100%;}<br />    }<br />    /**新增文字广告**/<br />    .txtguanggao{<br />        width: 100%;<br />        overflow: hidden;<br />        display: block;<br />        box-shadow: 0 1px 2px 0 rgba(0,0,0,.05);<br />    }<br />    .txtguanggao a{<br />        width: calc((100% - 20px) / 4);<br />        float: left;<br />        border-radius: 2px;<br />        line-height: 35.35px;<br />        height: 35.35px;<br />        text-align: center;<br />        font-size: 14px;<br />        color: #fff;<br />        display: inline-block;<br />        background-color: rgb(255, 153, 159);<br />        margin: 2.5px;</p>
<p>        transition-duration: .3s;<br />    }<br />    .txtguanggao a:nth-child(1) {<br />        background-color: #dc3545;<br />    }<br />    .txtguanggao a:nth-child(2) {<br />        background-color: #007bff;<br />    }<br />    .txtguanggao a:nth-child(3) {<br />        background-color: #28a745;<br />    }<br />    .txtguanggao a:nth-child(4) {<br />        background-color: #ffc107;<br />    }<br />    .txtguanggao a:nth-child(5) {<br />        background-color: #28a745;<br />    }<br />    .txtguanggao a:nth-child(6) {<br />        background-color: #ffc107;<br />    }<br />    .txtguanggao a:nth-child(7) {<br />        background-color: #dc3545;<br />    }<br />    .txtguanggao a:nth-child(8){<br />        background-color: #007bff;<br />    }<br />    .txtguanggao a:hover{<br />    background:#FF2805;color:#FFF<br />    }<br />    @media screen and (max-width: 1000px) {<br />    .txtguanggao a{<br />       width: calc((100% - 10px) / 2);<br />        float: left;<br />        border-radius: 2px;<br />        line-height: 35.35px;<br />        height: 35.35px;<br />        text-align: center;<br />        font-size: 14px;<br />        color: #fff;<br />        display: inline-block;<br />        background-color: rgb(255, 153, 159);<br />        margin: 2.5px;<br />        transition-duration: .3s;<br />    }<br />    }<br />        @media screen and (min-width: 1000px) {<br />            .txtguanggao a{<br />            width: calc((100% - 20px) / 4);<br />            }}<br />    </style>