用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、最后打開瀏覽器，就會看到2張圖片之間是有距離的效果了：

css怎么讓文字顯示在圖片的上面？

HTML圖片和文字是并列顯示的。如下：

1. 將文字浮在圖片上我們加個(gè)div把圖片和文字包在一起，并且加上img-group和img-tip這兩個(gè)class，便于后面的處理。我們要讓文字浮在圖片上面，需要加上定位。看文字浮在了圖片的底部。display: inline-block與定位無關(guān)，只是使整個(gè).img-group長寬與圖片適應(yīng)。

2. 文字與背景處理文字左對齊，我們把文字居中。給.img-tip添加如下代碼：文字不清楚，我們加上背景和字體顏色，并適當(dāng)?shù)脑O(shè)置一下透明。給.img-tip添加如下代碼：

3. 鼠標(biāo)懸浮特效現(xiàn)在靜態(tài)效果已經(jīng)完成了，接下來，加一下鼠標(biāo)懸浮出現(xiàn)文本的效果，現(xiàn)在.img-tip添加如下代碼，讓文本默認(rèn)隱藏：再加上鼠標(biāo)懸停在圖片上，顯示文本的代碼：代碼總匯HTMLCSS