CSS ?? ????: ?? ? ?? ??
CSS ?? ??: ????? ?? ??? ??
??: ????? ?? ? ?? ????? ??? ??? ?? ? ?? ??? ????? ??? ???? ??? ??? ?????.
padding-left: ?? ?? ?? ??, ?? ?? ?? ??? ??.
padding-right: ??? ?? ?? ??, ??? ?? ?? ??? ??.
padding-top: ?? ?? ??, ?? ????? ??? ??? ??.
padding-bottom: ?? ??? ?? ?? ??? ?????? ?????.
??
padding:10px; //4? ?? ??? 10px
padding:10px 20px; //?? 10px, ?? 20px
padding: 5px 10px 20px //?? 5px; ?? ? ???? ?? 10px, ???? 20px
padding:5px 10px 15px 20px; //??? "?, ???, ??, ??"??? ???
<!DOCTYPE HTML>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>php.cn</title>
<style type="text/css">
.box{
border:1px solid red;
background-color:#f0f0f0;
width:300px;
padding:20px;
}
</style>
</head>
<body>
<div class="box">互聯(lián)網(wǎng)是20世紀(jì)最偉大的發(fā)明，它正在將人類“一網(wǎng)打盡”，人們?cè)诓恢挥X中已經(jīng)融入了互聯(lián)網(wǎng)生態(tài)，互聯(lián)網(wǎng)讓世界變成了“雞犬之聲相聞”的地球村。
</div>
</body>
</html>
CSS ?? ??: ?????? ???? ??
margin-??: ?? ??? ????? ??? ??.
margin-right : ??? ??????? ??? ??
margin-top : ?? ??????? ??? ??.
margin-bottom: ?? ???? ????? ??? ??.
??
margin:10px; //?? ?? 4?? 10px
margin:10px 20px //?? ?? 10px, ?? ?? 20px
margin:5px 10px 15px //?? ?? 5px, ?? ??? ?? 10px, ??? ?? 15px
margin:5px 10px 15px 20px; //??? "?, ???, ??, ??"??? ???
<!DOCTYPE HTML>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>php.cn</title>
<style type="text/css">
.box{
border:1px solid red;
background-color:#f0f0f0;
width:300px;
margin:20px;
}
</style>
</head>
<body>
<div class="box">互聯(lián)網(wǎng)是20世紀(jì)最偉大的發(fā)明，它正在將人類“一網(wǎng)打盡”，人們?cè)诓恢挥X中已經(jīng)融入了互聯(lián)網(wǎng)生態(tài)，互聯(lián)網(wǎng)讓世界變成了“雞犬之聲相聞”的地球村。
</div>
</body>
</html>??: ??? ??? ???? ????. ? ?? ?? ?? ??? ?? ?? ?????
