html怎么設(shè)置上下間距 用css怎么設(shè)置上下圖片中間有間距？
用css怎么設(shè)置上下圖片中間有間距？1、css設(shè)置圖片距離可以用盒子模型的margin屬性。操作方法首先用html編輯器新建一個(gè)html文件，里面放入幾張圖片：2、然后在上方的style中設(shè)置css的
用css怎么設(shè)置上下圖片中間有間距？
1、css設(shè)置圖片距離可以用盒子模型的margin屬性。操作方法首先用html編輯器新建一個(gè)html文件，里面放入幾張圖片：
2、然后在上方的style中設(shè)置css的樣式，設(shè)置img的margin屬性為“0 30px”即可，其中前一個(gè)數(shù)字表示上下的距離，后一個(gè)數(shù)字表示左右的距離。最后在調(diào)整統(tǒng)一一下圖片的大小，方便觀察效果：
3、最后打開(kāi)瀏覽器，就會(huì)看到2張圖片之間是有距離的效果了：
html中上下間距怎么寫(xiě)？
html中段落之間有空行間距默認(rèn)是有定距離，這個(gè)間距是margin-top與margin-bottom默認(rèn)值，同時(shí)與line-height相關(guān)。
1、line-height設(shè)置段落上下間距
設(shè)置p標(biāo)簽上下間距css代碼
p{ line-height:30px}
2、margin-top和margin-bottom設(shè)置段落上下間距
p{margin-top:10pxmargin-bottom:10px}
經(jīng)由對(duì)p標(biāo)簽設(shè)置margin-top和margin-bottom，從而來(lái)設(shè)置段落上下間距。
3、段落上下間距設(shè)置實(shí)例
<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html charset=utf-8" />
<title>p段落上下間距隔絕距離配置實(shí)例 CSS5</title>
<style>
.abc{ line-height:20px text-align:left}
.p-a p{ margin-top:30px margin-bottom:30px}
.p-b p{ margin-top:60px margin-bottom:60px}
</style>
</head>
<body>
<div class="abc">
<p>第一段</p>
<p>第二段</p>
<p>第三段</p>
<p>第四段</p>
</div>
在html中怎樣調(diào)整圖片和文字的間距？
有好幾種方法可以解決：
1、調(diào)整全站的圖片CSS，即在CSS當(dāng)中，增加：img{margin:10px0}，意思即為圖片上下增加10像素距離。
2、調(diào)整文字的CSS，即在CSS當(dāng)中，增加：p{padding-top:10px}，意思即為段落文字前，增加10像素的間隔。
3、最簡(jiǎn)單的辦法，輸入文字前，敲上一個(gè)回車(chē)鍵，增加一行即可。