html两个div之间的空隙怎么去掉

html两个div之间的空隙怎么去掉,第1张

需要准备的材料分别有:电脑、浏览器、html编辑器

1、首先,打开html编辑器,新建html文件,例如:index.html。

2、在index.html中的<body>标签中,输入html代码:

<divstyle="background:#0b93d5border:0">123</div>

<divstyle="background:#0b93d5border:0">123</div>

3、浏览器运行index.html页面,此时两个div中间的空隙被去除了。

添加  cellspacing="0"  即可。

<table border="1"cellspacing="0">

<tr>

<td>第一行第一列</td>

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

<td>第一行第三列</td>

</tr>

<tr>

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

<td>第二行第二列</td>

<td>第二行第二列</td>

</tr>

</table>

效果如下:

用<table width="100%" border="0" cellspacing="0">就可以

border是边框

cellspacing是间隔。

=============

不过,在使用中,一般不使用上面这两个。而是直接用css来做。效果可能更好。

如下

=============

<style type="text/css">

<!--

table {

border-collapse:collapse这个的意思是将表格边框折合并在一起。

}

table,th, td{

border: 1px solid black这个的意思是将table/th/td这三个元素的边框渲染为黑色1像素的实线

}

-->

</style>

<table>

<tr>

<td></td>

<td></td>

</tr>

<tr>

<td></td>

<td></td>

</tr>

</table>


欢迎分享,转载请注明来源:内存溢出

原文地址: http://outofmemory.cn/zaji/7228409.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2023-04-03
下一篇 2023-04-03

发表评论

登录后才能评论

评论列表(0条)

保存