html怎么设置左边距

藏色散人
Lepaskan: 2021-04-12 10:36:25
asal
13129 orang telah melayarinya

html设置左边距的方法:首先新建一个HTML文档;然后定义一个box;接着在head标签输入style标签;最后在“#box1”里输入“position:absolute;”定位,并输入letf定义左边距即可。

html怎么设置左边距

本文操作环境:windows7系统、HTML5&&CSS3版、Dell G3电脑。

新建一个HTML文档,如图所示

d9306d6e6f0d9a92b74768fa7bf0580.png

定义一个box,输入

<div id="box1"></div>
Salin selepas log masuk

如图所示

527dfc76a5338070a0e0159b1a2bda4.png

然后在head标签输入style标签

36936f1a8e689c763c20cbf521d1f70.png

定义box的颜色和大小,在style标签里输入

         width: 100px; 
        height: 100px; 
        background-color: #000000;
Salin selepas log masuk

如图所示

36936f1a8e689c763c20cbf521d1f70.png

按f12预览可以看到一个黑色的正方形

59646fb616e02a508cb1accf1899c66.png

回到dw,在#box1里输入position: absolute;定位,输入letf定义左边距,输入left: 100px;表示距离屏幕左边100个像素,如图所示

3374c40db15657f1eeea788d02c5f13.png

最后按f12预览可以看到正方形有距离左边远了一些

928ea34afbb054c73567f9e4fed43cf.png

【推荐学习:HTML视频教程

Atas ialah kandungan terperinci html怎么设置左边距. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!

Label berkaitan:
sumber:php.cn
Kenyataan Laman Web ini
Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn
Tutorial Popular
Lagi>
Muat turun terkini
Lagi>
kesan web
Kod sumber laman web
Bahan laman web
Templat hujung hadapan