自定义网页四个角显示广告图片

今天打开hao123的时候，研究了一下这个网页的广告结构，发现其他的栏目很一般，不过这个右上角的这个广告倒是有点意思，直接漂浮在右上角，样式还是挺不错的，于是自己查了查代码，弄出来了以下代码。

首先来看看样式对比：

这里是hao123的样式：

这里是无作为的样式：

是不是差不多呀，至于图片大家可以自己制作，最好是透明的，

这里的代码支持左上角，左下角，右上角，右下角显示，只需要大家简单的手动替换即可，

代码可以自己替换转跳链接，这里默认的是跳回首页。

网页四个角广告图片代码

<div id="site-navbar" style="position: absolute; top: -4px; right: -3px; border: 0; z-index: 2000;padding:0;margin:0;"><a href="https://www.wzw7.com/" title="返回首页" style="background:none;"><img src="http://你的图片代码.png" style="padding:0;margin:0;border:0; -webkit-box-shadow: none;-moz-box-shadow: none;box-shadow: none;"></a></div>

<a href=”https://www.wzw7.com/”换成<a href=”/”就是跳回首页了，这里直接填写的是无作为网站。

至于图片，大家自己下载透明图片吧，这里只提供右上角的图片文件。

如何设置显示的具体位置

这里代码分别可以显示在网页的左上角，左下角，右上角，右下角显示，大家只需要自己稍微修改一下即可，

top，bottom，left，right，为上下左右

代码中默认的是右上角，代码中position: absolute; top: -4px; right: -3px就是位置了，第一个是上，第二个是右。

如果你想显示在左下角只需要将代码改成position: absolute; bottom: -4px; left: -3px即可。

图片和网址大家可以自己修改，至于是广告或者是其他的宣传语都随便，

代码很简单，很实用，懂一点css的都可以自己修改了。