21.2.4　左端内补丁用法

与其他属性一样，padding-left表达的是左边内补丁，用来设置左边的内补丁，而其他方位的属性不受影响，其语法形式如下。

/CSS样式：设置左边内补丁值/

padding-left：length

用法与其他属性相同，但所表达的是不同的方位。代码21.5演示了padding-left在网页中的用法。

代码21.5　源代码\第21章\padding-left用法.html

————————————-文件名：padding-left用法.html————————————-

01 ＜html＞

02 ＜head＞

03 ＜title＞padding-left用法＜/title＞

04 ＜style type="text/css"＞

05 #m1

06 {

07 /设置宽度和高度/

08 width：200px；

09 height：150px；

10 /设置左内补丁/

11 padding-left：30px；/设置内补丁左端值/

12 /设置背景颜色/

13 background：red；

14 }

15 #m2

16 {

17 background：green；

18 /设置高度为100%/

19 height：100%；

20 }

21 ＜/style＞

22 ＜/head＞

23 ＜body＞

24 ＜div id="m1"＞

25 ＜div id="m2"＞padding-left用法＜/div＞

26 ＜/div＞

27 ＜/body＞

28 ＜/html＞

【代码解析】padding-left表示了对象内补丁的位置是左边（代码第11行），设置背景层的颜色为红色，所以红色出现的位置刚好是内补丁的处理位置。证明padding-left只对左边位置起作用，效果如图21.5所示。

21.2.4　左端内补丁用法 - 图1

图　21.5　padding-left用法