1.先在網頁中顯示出一個基本的盒子，在body標籤中寫下以下代碼
首先要定義盒子的屬性，比如長寬高顏色等等
要注意的是，必須要把盒子定義寫在<style> <style/>之中，否則無法顯示
div {
width: 300px;
border: 25px solid green;
padding: 25px;
margin: 25px;
}
這裏給出了一個綠色的盒子，但只寫出這些還不足以讓這個盒子顯示在網頁中
想在網頁中看到盒子，還要添加一句<div>This is a box<div/>,中間***部分可以是對這個盒子的描述，不固定
至此創建了一個簡單的盒子，效果圖如下（win10截屏快捷鍵 win+shift+s,移動鼠標選中截圖區域，粘貼到別的地方即可）
這裏盒子的寫法與C語言中的函數類似，首先要編寫函數體，即div{},先要顯示出來就在下方調用，格式爲<div> <div/>
***其中div並不是固定的，還可以是box,iif,csac等等***
***還有一點要注意的是，函數體內部的語句要寫分號
還可以的分別定義盒子各個邊界的性質，語句爲border-top-style...
不想分開設置就整體設置 border-style:
2.調整盒子的位置