看我的。
<style>
.list{padding:10px}
.list a{ float:leftwidth:239pxheight:199pxdisplay:inlinemargin:0background:#333color:#fff}
</style>
<div class="list">
<a href="#"></a>
<a href="#"></a>
<a href="#"></a>
<a href="#"></a>
<a href="#"></a>
</div>
这样就是你图片的效果了。而且兼容性好。
你要间隙就调整.list a的margin。外边距调整.list的padding。
<!DOCTYPE html><html>
<head>
<meta http-equiv="Content-Type" content="text/html charset=UTF-8">
<title>
RunJS 演示代码
</title>
<style>
*{
margin:0
}
table{
margin:auto
width:200px
border-collapse:collapse
}
td:nth-child(2n-1){
text-align:right
}
</style>
</head>
<body>
<table>
<tr>
<td>
账    号：
</td>
<td>
<input type="text" />
</td>
</tr>
<tr>
<td>
密    码：
</td>
<td>
<input type="password" />
</td>
</tr>
<tr>
<td>
确认密码：
</td>
<td>
<input type="password" />
</td>
</tr>
<tr>
<td colspan=2>
<button>
注册
</button>
</td>
</tr>
</table>
</body>
</html>
CSS中的点号定位是指使用“.”来定位元素，它可以用来定位ID或者class，如果您的图纸不显示，可能是由于您的CSS代码有语法错误，或者您的CSS代码没有正确引用到HTML文件中，或者您的CSS代码没有正确地指定元素。因此，要解决这个问题，您需要检查您的CSS代码，确保它们没有语法错误，并且正确地引用到HTML文件中，并且正确地指定元素。欢迎分享，转载请注明来源：内存溢出
微信扫一扫
支付宝扫一扫
评论列表（0条）