巴中热线

 找回密码
 立即注册

QQ登录

只需一步,快速开始

扫一扫,访问微社区

查看: 5951|回复: 0

[网页教程] html教程:css控制多张图片广告并排方法

[复制链接]
发表于 2017-2-20 15:13:00 | 显示全部楼层 |阅读模式

注册巴中热线论坛,交好友享优惠,衣食住行吃喝玩乐尽在 BZHOT.com

您需要 登录 才可以下载或查看,没有帐号?立即注册

x
html教程:css控制多张图片广告并排方法

实现逻辑:

1、两张图排在一行;
2、一张图居左,一张图居右。两张图之间空格一定距离;

实例:

两图排在一行960x80px,左图714x80px,右图238x80px,中间自动空隙8px
  1. <a href="#" target="_blank"><img src="bzhot/ad/ad06.jpg" style="width:714px;height:80px;float:left;"></a>
  2. <a href="#" target="_blank"><img src="bzhot/ad/ad01.jpg" style="width:238px;height:80px;float:right;"></a>

  3. <a href="#" target="_blank"><img src="bzhot/ad/ad05.jpg" style="width:714px;height:80px;float:left;"></a>
  4. <a href="#" target="_blank"><img src="bzhot/ad/ad02.jpg" style="width:238px;height:80px;float:right;"></a>
复制代码
注:图片尺寸可自由设置




上一篇:linux系统防火墙限制同一IP连接数 防CC/DDOS攻击方法
下一篇:NotePad++和Sublime Text2批量去除回车换行符方法
回复

使用道具 举报

您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

关闭

巴中热线 - 精彩推荐上一条 /1 下一条

快速回复 返回顶部 返回列表