A. html中如何加入背景圖片
在html中某個div里加入背景圖片的話,主要有以下幾種方式:
第一種: 在css文件里加入背景圖片:在css里用url(../images/背景圖2.jpg),在內聯css和引入css中會由於html文件和css文件所處的相對位置不同,引入圖片路徑會有所不同。
如圖:
第二種:在html中引入:<div class="detail" style="background-image: url(../images/背景圖1.jpg)"></div>,同理url()括弧里是圖片的引入路徑。
如圖:
第三種:在div中加一張圖片
<div class="detail" >
<img src="../images/背景圖1.jpg" alt="" style="width:100%;height:100%">
</div>
如圖:
當圖片小於背景區域大小時,圖片會不斷重復顯示,如果不想圖片重復顯示,可以設置background-repeat,background-repeat有4個值,分別是repeat(代表重復顯示)、no(代表不重復)、repeat-x(代表水平方向上重復)、repeat-y(代表垂直方向上重復)
當圖片小於背景區域大小時,默認從左上角開始鋪,如果想從任意位置開始鋪,可以使用background-position屬性,設置在x、y方向的偏移量。
當圖片大於背景區域時,只顯示圖片左上角。
當圖片和背景區域大小一樣大時,顯示整張圖片。
B. HTML背景圖片重疊怎麼辦
<body style="background:url(C:/Users/CQ/Desktop/i/AnCQ/13.jpg) no-repeat center center/cover"></body>
注意查看style屬性的background的值,第一個為圖片路徑 第二個為平鋪方式 三和四是對其方式 五是背景圖大小 前面四個參數都是空格分開,最後一個是/
C. html里,如何讓背景圖片根據屏幕大小鋪滿屏幕不重復
html里,讓背景圖片根據屏幕大小鋪滿屏幕不重復,具體方法如下:
1、首先我們用Dreamweaver軟體做一個html文檔,當然用其他編輯器也可以。
5、需要注意的是這是css3增加的新屬性,舊版本的瀏覽器可能不支持。所以有時需要更新瀏覽器。
D. 用html添加背景圖片時.怎麼讓它不重復.並且居中.
在你所加背景圖片的table或div里加入如下代碼:style="background-position:center; background-repeat:no-repeat;"
例如:<table width="200" height="200" style="background-position:center; background-repeat:no-repeat;" background="a.jpg">
補充:
style="background-position:center; background-repeat:no-repeat;"
加在<body>裡面就可以了。
例如:
<body style="background-position:center; background-repeat:no-repeat;">