1、插入背景圖片有兩種方法,一種是用html的img標簽,另一種是利用css的background標簽插入。具體操作是首先新建一個html文件,寫入兩個div,分別用來演示兩種方法插入標簽:
2、首先是用html標簽插入圖片,這里直接在img標簽中使用src屬性就可以插入圖片路徑就成功了:
3、接著是用css插入,在div中設(shè)置class屬性為img2,在script標簽中使用background標簽插入,其中url是標簽的路徑,no-repeat是設(shè)置圖片不重復,center是設(shè)置照片居中顯示:
4、最后給這些標簽都設(shè)置一些樣式,讓它們顯得美觀一些。然后打開瀏覽器查看效果:
5、打開瀏覽器,可以看到照片都顯示出來了。
可以把圖片作為文字那個塊標簽的背景圖片或者你把圖片和文字都放在一個同一個div 里面然后給圖片和文字加上定位,然后文字的圖層比圖片的圖層位置高就行了。
1.我們新建一個html網(wǎng)頁文件,把他命名為test.html。
2.在test.html文件內(nèi),要使用div標簽創(chuàng)建一張圖片<img src="005.jpg">。3.給div標簽加上一個樣式,設(shè)置div標簽的class屬性為mybkkd。
4.編寫css樣式<style type="text/css"></style>標簽,mybkkd樣式將寫在該標簽內(nèi)。
5.在css標簽內(nèi),通過div標簽的class屬性mybkkd設(shè)置圖片四個角為圓角。
6.在css樣式標簽里,在括號內(nèi),mybkkd的div設(shè)置css屬性樣式為 border-radius:8px;
7.在瀏覽器瀏覽一下test.html,來看看效果。