html设置div顶格,为什么div里放一个图片会不顶格?

天涯强荐:30天学会流利英语的秘密  http://www.xxj8.com

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "a href=".w3/TR/xhtml1/DTD/xhtml1-transitional.dtd" target="_blank".w3/TR/xhtml1/DTD/xhtml1-transitional.dtd/a">

<html xmlns="a href=".w3/1999/xhtml" target="_blank".w3/1999/xhtml/a">

<head>

<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />

<title>无标题文档</title>

<style>

*

{

margin:0;

padding:0;

}

ul,li

{

list-style-type:none;

}

img

{

border:0;

}

li

{

float:left;

display:inline;

width:120px;

text-align:center;

}

img

{

width:100px;

height:30px;

}

</style>

</head>

<body>

<table width="800" border="0" cellspacing="0" cellpadding="0">

<tr>

<td>第一个单元格</td>

<td>第二个单元格</td>

<td>第三个单元格</td>

<td>第四个单元格</td>

<td>第五个单元格</td>

</tr>

<tr>

<td>第二行第一个</td>

<td colspan="4">

<div>

<ul>

<li><a href="#"><img src="a href="img.baidu/img/logo-zhidao.gif" target="_blank"img.baidu/img/logo-zhidao.gif/a" /></a></li>

<li><a href="#"><img src="a href="img.baidu/img/logo-zhidao.gif" target="_blank"img.baidu/img/logo-zhidao.gif/a" /></a></li>

<li><a href="#"><img src="a href="img.baidu/img/logo-zhidao.gif" target="_blank"img.baidu/img/logo-zhidao.gif/a" /></a></li>

<li><a href="#"><img src="a href="img.baidu/img/logo-zhidao.gif" target="_blank"img.baidu/img/logo-zhidao.gif/a" /></a></li>

<li><a href="#"><img src="a href="img.baidu/img/logo-zhidao.gif" target="_blank"img.baidu/img/logo-zhidao.gif/a" /></a></li>

</ul>

</div>

</td>

</tr>

</table>

</body>

</html>

你复制看看效果吧,不知道是不是你需要的效果

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值