html怎麼設定左邊距

html設定左邊距的方法：先新建一個HTML文件；然後定義一個box；接著在head標籤輸入style標籤；最後在「#box1」輸入「position:absolute;」定位，並輸入letf定義左邊距即可。

本文操作環境：windows7系統、HTML5&&CSS3版、Dell G3電腦。

新建一個HTML文檔，如圖所示

定義一個box，輸入

<div id="box1"></div>

如圖所示

#然後在head標籤輸入style標籤

#定義box的顏色和大小，在style標籤裡輸入

         width: 100px; 
        height: 100px; 
        background-color: #000000;

如圖所示

按f12預覽可以看到一個黑色的正方形

##回到dw，在#box1裡輸入position: absolute;定位，輸入letf定義左邊距，輸入left: 100px;表示距離螢幕左邊100個像素，如圖所示

最後按f12預覽可以看到正方形有距離左邊遠了一些

【推薦學習：

HTML影片教學】

以上是html怎麼設定左邊距的詳細內容。更多資訊請關注PHP中文網其他相關文章！