亚洲国产日韩欧美一区二区三区,精品亚洲国产成人av在线,国产99视频精品免视看7,99国产精品久久久久久久成人热,欧美日韩亚洲国产综合乱

HTML+CSS 輕鬆入門(mén)之盒子模型之邊界

元素與其它元素之間的距離可以使用邊界(margin)來(lái)設(shè)定。邊界也是可分為上、右、下、左

下面我們寫(xiě)一個(gè)實(shí)例來(lái)講解;

首先我們先寫(xiě)一段沒(méi)有使用邊界的程式碼:

<!DOCTYPE html>
<html>
<head>
  <meta charset="utf-8">
  <title></title>
  <style type="text/css">
      div{
        width:200px;
        height:200px;
        border:1px solid red;
      }
  </style>
</head>
<body>
    <div id="dv1">php中文網(wǎng)</div>
    <div id="dv2">中華民族偉大復(fù)興</div>
</body>
</html>

兩個(gè)div 都是在一起的,如果我想讓兩個(gè)div之間的距離有30像素,我該怎麼去寫(xiě)css程式碼?

#dv2{margin-top:30px;}

#當(dāng)我們加上這句程式碼,兩個(gè)div之間就有距離了

朋友可以分別試試右邊,下邊,左邊,看看什麼樣的一個(gè)效果

繼續(xù)學(xué)習(xí)
||
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title></title> <style type="text/css"> div{ width:200px; height:200px; border:1px solid red; } </style> </head> <body> <div id="dv1">php中文網(wǎng)</div> <div id="dv2">中華民族偉大復(fù)興</div> </body> </html>
提交重置程式碼