設(shè)置CSS外邊距的步驟如下:
1、在HTML元素中添加一個(gè)類名,例如margin-example
。
2、在CSS樣式表中添加一個(gè)新的樣式規(guī)則,選擇剛才添加的類名,并設(shè)置margin
屬性。
.margin-example { margin: 10px; }
上述代碼表示,所有帶有margin-example
類名的元素都將擁有10像素的外邊距,您可以根據(jù)需要調(diào)整這個(gè)值。
3、將這個(gè)樣式規(guī)則保存,并在HTML文檔中使用帶有margin-example
類名的元素。
<div class="margin-example"> This is an example of how to set CSS margins. </div>
4、打開瀏覽器并查看結(jié)果,您應(yīng)該能看到一個(gè)帶有外邊距的div
元素。
margin
屬性可以設(shè)置為四個(gè)值,分別代表上、右、下、左四個(gè)方向的外邊距。
.margin-example { margin: 10px 20px 30px 40px; }
上述代碼表示,上外邊距為10像素,右外邊距為20像素,下外邊距為30像素,左外邊距為40像素,您可以根據(jù)需要調(diào)整這些值。