分享几个通用的网站广告位占位/招租的代码实例

一些用户频繁问道广告位的占位代码怎么写，要想让别人知道这是一个广告位，前提是要稍微醒目一点，且还不能够太丑，所以，我们就分享几个广告位的占位代码来方便大家。

广告位占位代码实例一：灰色虚线链接框

<a class="tbaru" href="链接地址" target="_blank">这是一个广告位，电脑和手机可分别设置</a>

a.tbaru{border:2px dashed #aaa;padding:40px 15px;font-size:14px;background-color:#fff;display:block;text-decoration:none;color:#888;font-weight:bold;text-align:center;}
a.tbaru:hover{border-color:#666;color:#444;}
@media (max-width:640px){a.tbaru{font-size:12px;padding:25px 15px;}}

广告位占位代码实例二：深灰底白色字链接块

HTML

CSS

<a class="tbaru" href="链接地址" target="_blank">这是一个广告位，电脑和手机可分别设置</a>

a.tbaru{padding:40px 15px;font-size:14px;background-color:#666;display:block;text-decoration:none;color:#fff;font-weight:bold;text-align:center;}
a.tbaru:hover{border-color:#555;color:#fff;}
@media (max-width:640px){a.tbaru{font-size:12px;padding:25px 15px;}}

广告位占位代码实例三：浅灰链接块

HTML

CSS

<a class="tbaru" href="链接地址" target="_blank">这是一个广告位，电脑和手机可分别设置</a>

a.tbaru{padding:40px 15px;font-size:14px;background-color:#f6f6f6;display:block;text-decoration:none;color:#aaa;font-weight:bold;text-align:center;}
a.tbaru:hover{border-color:#eee;color:#666;}
@media (max-width:640px){a.tbaru{font-size:12px;padding:25px 15px;}}

本文最后更新于2024-08-09 09:49:58，若文章内容或链接失效，请留言或 QQ群反馈！

文章没读爽？点我试试随机文章

本文链接：

1 如果您喜欢本站，点击这儿赞助下本站，感谢支持！
2 可能会帮助到你：下载帮助 | 解压资源 | 进站必看
3 本站内容观点不代表本站立场，并不代表本站赞同其观点和对其真实性负责
4 若作商业用途，请联系原作者授权，若本站侵犯了您的权益请联系站长进行删除处理
5本站所有内容均来源于网络，仅供学习与参考，请勿商业运营，严禁从事违法、侵权等任何非法活动，否则后果自负

THE END