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

 时间:2024-10-25 14:24:17

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

如何设置div的某一个tr距div的距离为0
如何设置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
如何设置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
如何设置div的某一个tr距div的距离为0

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

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

5、margin注意事项margin是两个块之间的距离属性,一般在布局中,并列显示的两个块之间的距离,用margin表示,margin有上下左右四个方向的距离。默认是上右下左的顺序。如图:

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

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

如何设置div的某一个tr距div的距离为0
  • 怎么让DIV在另一个DIV里靠底部显示
  • css如何设置文字阴影效果
  • css如何改变整个表格每行的高度
  • Eclipse如何切换项目视图?
  • 如何将一个网页离线
  • 热门搜索
    春天的手抄报图片 疫情手抄报内容 水的手抄报 端午节手抄报模板 关于诗歌的手抄报 中秋节手抄报内容 珍爱生命预防溺水手抄报 文明校园手抄报图片 关于数学的手抄报 民族手抄报