HTML+CSS Mudah untuk Bermula dengan Sempadan Model Kotak

Jarak antara

elemen dan elemen lain boleh ditetapkan menggunakan jidar. Sempadan juga boleh dibahagikan kepada bahagian atas, kanan, bawah dan kiri

Mari kita tulis contoh untuk menerangkan

Mula-mula kita tulis sekeping kod yang tidak menggunakan sempadan:

rreee

Kedua-dua div adalah bersama-sama Jika saya mahu jarak antara dua div menjadi 30 piksel, bagaimana saya perlu menulis kod css?

#dv2{margin-top:30px;}

Apabila kita menambah kod ini, akan ada jarak antara dua div

Rakan , anda boleh mencuba bahagian kanan, bahagian bawah dan bahagian kiri masing-masing untuk melihat jenis kesan

bahagian seterusnya

fail baharu

<!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中文网</div>
 <div id="dv2">中华民族伟大复兴</div>
</body>
</html>

serahkan Tetapkan Semula Kod

Operasi automatik

Skrin penuh