国产av日韩一区二区三区精品,成人性爱视频在线观看,国产,欧美,日韩,一区,www.成色av久久成人,2222eeee成人天堂

HTML+CSS 輕松入門(mén)之盒子模型之填充

元素內(nèi)容與邊框之間是可以設(shè)置距離的，稱(chēng)之為“填充”。填充也可分為上、右、下、左(順時(shí)針)

下面我們寫(xiě)一個(gè)實(shí)例：

<!DOCTYPE html>
<html>
<head>
  <meta charset="utf-8">
  <title></title>
  <style type="text/css">
      div{
       width:200px;
       height:100px;
       border:1px solid red;
       padding:10px 10px 10px 10px;
      }
  </style>
</head>
<body>
    <div>php中文網(wǎng)</div>
</body>
</html>

其實(shí)也可以這么寫(xiě)

div{
    padding-top:10px;
    padding-right:10px;
    padding-buttom:10px;
    padding-left:10px;
}

如果都是一樣也還可以這樣寫(xiě)

padding:10px;

順序是上 ?右 ?下 ?左?

如果上下值相同，左右值相同，可以這樣寫(xiě)

padding：10px 20px;

繼續(xù)學(xué)習(xí)
||
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title></title> <style type="text/css"> div{ width:200px; height:100px; border:1px solid red; padding:10px 10px 10px 10px; } </style> </head> <body> <div>php中文網(wǎng)</div> </body> </html>
提交重置代碼