CSS ??
CSS Padding
CSS Padding ??? ??? ???? ?? ??? ??? ?????.
Padding
??? Padding(??)? ???? "???" ??? ?? ??? ????? ?????.
??? ??? ???? ??, ???, ?? ? ??? ??? ??? ? ????. ?? ??? ??? ??? ? ???, ?? ???? ?? ?? ?????.
Padding ?? ?(??, ????, ??? %
CSS ?? ??
| ?? | ?? |
|---|---|
| padding | ?? ??? ???? ?? ??) ??? ??? ?? ?? |
| padding-bottom | ??? ?? ?? ?? |
| padding-left | ??? ?? ?? ?? |
| padding-right | ??? ??? ?? ?? |
| padding-top | ??? ?? ??? ????? |
CSS??? ?? ?? ??? ?? ?? ??? ??? ? ????.
Example
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>php中文網(wǎng)(php.cn)</title>
<style>
p
{
background-color:yellow;
}
p.padding
{
padding-top:25px;
padding-bottom:25px;
padding-right:50px;
padding-left:50px;
}
</style>
</head>
<body>
<p>這是一段沒(méi)有指定填充。</p>
<p class="padding">這一段指定l填充。</p>
</body>
</html>????? ???? ??? ???
padding - ?? ??
??? ????? , ??? ??? ?? ?? ???? ??? ? ????.
??? ?? ?? ?????. ?? ?? ??? ??? "padding"???.
Padding ??? 1~4?? ?? ?? ? ????.
??: 25px 50px 75px 100px;
?? ??? 25px
??? ??? 50px
?? ??? 75px
?? ??? 100px
??: 25px 50p x 75px;
?? ??? 25px???.
?? ? ??? ??? 50px
?? ??? 75px
padding:25px 50px;
?? ??? 25px
?? ? ??? ??? 50px
padding:25px;
?? ??? 25px???
Example
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>php中文網(wǎng)(php.cn)</title>
<style>
p
{
background-color:yellow;
}
p.padding
{
padding:25px 50px;
}
</style>
</head>
<body>
<p>這是一段沒(méi)有指定填充。</p>
<p class="padding">這一段指定l填充。</p>
</body>
</html>????? ???? ??? ???
Example
??? ?? ???? ??? ????, 1~4?? ?? ?? ? ????.
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>php中文網(wǎng)(php.cn)</title>
<style>
p.ex1 {padding:2cm;}
p.ex2 {padding:0.5cm 3cm;}
</style>
</head>
<body>
<p class="ex1">這個(gè)文本填充兩邊相等。填充每邊2厘米。</p>
<p class="ex2">這個(gè)文本填充兩邊相等。填充每邊2厘米。</p>
</body>
</html>????? ???? ??? ???
