环绕广告的实现方法,文字环绕广告图片的代码

迅恒数据中心

原代码(如果原代码没div,就加上一对DIV)

<div>
文章内容
</div>

 

加环绕广告后的代码:

<div id="huanrao">
<style type="text/css">
#zhanwei{
        float: left;          /让块靠左
        clear: left;         /让块的左边不能有其它块
        height: 331px;  /用这个来控制广告在内容里的位置
        width: 1px;       /
}
#guanggaodaima{
        height: 331px;  /广告代码的高
        width: 470px;  /广告代码的宽,一般多加10PX,不让文字太挨着广告
        float: left;        /让块靠左
        clear: left;       /让块的左边不能有其它块
        margin: 15px 15px 15px 0px;
}
#huanrao img,#huanrao table{
        clear: left;     /让内容里的图片和表格不会遮挡广告
}
#huanrao{
        float: left;
}
</style>
<div id="zhanwei"> </div>
       <div id="guanggaodaima"><a title="广东女装一件代发微信女装批发加盟广州俪伊饰尚女装淘宝网店加盟微信分销" target="_blank" href="http://www.158558.cn/jiameng/"><img src="http://www.seewww.cn/广东女装一件代发微信女装批发加盟广州俪伊饰尚女装淘宝网店加盟微信分销.gif" alt="广东女装一件代发微信女装批发加盟广州俪伊饰尚女装淘宝网店加盟微信分销" border="0"></a></div>
文章内容
</div>

 演示效果:http://www.seewww.cn/deyuzixun/edu899.html

其中<div id="guanggaodaima">广告代码……</div>可以是图片也可以是JS代码等。

分类:建站知识 百度收录 必应收录