CSS入门基础教程：CSS间隙属性

2020-03-24 19:11:13

字体：大中小

来源：转载

供稿：网友

示例： html
head
title 左间隙属性 padding-left /title
style type="text/css"
td {padding-left: 2cm}
/style
/head body table border= "1"
tr
td 这个单元格的CSS左间隙属性(padding-left)为2厘米。 /td
/tr
/table /body
/html 右间隙属性(padding-right) 这个属性用来设定右间隙的宽度。示例如下：.d1 {padding-right:1cm} 演示示例请参照左间隙属性示例，只要将里面的padding-left改成padding-right即可。上间隙属性(padding-top) 这个属性用来设定上间隙的宽度。示例如下：.d1 {padding-top:1cm} 演示示例请参照左间隙属性示例，只要将里面的padding-left改成padding-top即可。下间隙属性(margin-bottom) 这个属性用来设定下间隙的宽度。示例如下：.d1{padding-bottom:1cm} 演示示例请参照左间隙属性示例，只要将里面的padding-left改成padding-bottom即可。间隙属性(padding) 这个属性是设定间隙宽度的一个快捷的综合写法，用这个属性可以同时设定上下左右间隙属性。你可以为上下左右间隙设置相同的宽度。示例入下：.d1 {padding:1cm} 你也可以分别设置间隙，顺序是上，右，下，左。示例如下：.d1 {padding:1cm 2cm 3cm 4cm} 上面的代码表示，上间隙为1cm，右间隙为2cm，下间隙为3cm，左间隙为4cm。示例：上下左右间隙宽度相同 html
head
title 间隙属性 padding /title
style type="text/css"
td {padding: 1cm}
/style
/head
body table border= "1"
tr
td 这个单元格设置了CSS间隙属性。上下左右间隙宽度都为1厘米。 /td
/tr
/table /body
/html 示例：上下左右间隙宽度各不相同 html
head
title 间隙属性 padding /title
style type="text/css"
td {padding: 0.5cm 1cm 4cm 2cm}
/style
/head
body table border= "1"
tr
td 这个单元格设置了CSS间隙属性。上间隙为0.5厘米，右间隙为1厘米，下间隙为4厘米，左间隙为2厘米。 /td
/tr
/table /body
/htmlhtml教程

郑重声明：本文版权归原作者所有，转载文章仅为传播更多信息之目的，如作者信息标记有误，请第一时间联系我们修改或删除，多谢。

上一篇：CSS样式表概述

下一篇：总结8个关于html、css链接样式的实例代码