如何设置div的某一个tr距div的距离为0

2024-10-25 14:24:17

1、新建html在IIS目录下,新建html文件,命名为div内部距离教程.html,并用记事本打开,写入div标签。如图:

如何设置div的某一个tr距div的距离为0

2、编老揉孟阼写div的css样式在头部写入div元素的css样式:.div1{ width:500px; height多唉捋胝:300px; border:solid 1px ##FF0000;; margin:0 auto; padding:0px; }如图:

如何设置div的某一个tr距div的距离为0

3、嵌入tr标签tr是行的标签,一般tr与td、table是同时出现的,所以,在div标签内部,写入以下标签:<table> 艘早祓胂 <tr class="tr1"><td>我要与div边框0距离接触!</td></tr> </table>如图:

如何设置div的某一个tr距div的距离为0

4、编写tr样式为tr标签定义以下css样式:.tr1{ margin-top:100px; padding-top:0px; border:solid 1px #cdcdcd; }如图:

如何设置div的某一个tr距div的距离为0

6、padding注意事项:padding是同一元素块内部,母体与子元素之间的距离。padding同样有上右下左的顺序以及四个方向的距离。如图:

如何设置div的某一个tr距div的距离为0
猜你喜欢