1、可以使用background-position屬性設置圖片位置,具體的方法是,首先用hbuilder軟件新建一個html文件,文件的head標簽中設置輸入style標簽:
2、然后設置body的樣式,給body加一張圖片,設置為不重復,設置background-position屬性讓圖片出現在右上方,該屬性的前一個參數控制上下的位置,后一個參數控制左右的位置,設置好后,來到瀏覽器查看效果:
3、此時在瀏覽器就會看到圖片是在瀏覽器的右上方的:
1
/7
新建一個html文件,命名為test.html,用于講解html中怎么用CSS固定一個div模塊位置不變。
2
/7
在test.html頁面中,創建一個div模塊,并在div內寫上測試的文字,用于測試。
3
/7
在test.html頁面中,使用css設置div的寬度為100%,高度為100px。 代碼如下:
4
/7
在test.html頁面中,使用css設置div內的文字垂直、水平居中,并設置文字的大小為30px。代碼如下:
5
/7
在test.html頁面中,使用css設置div內的文字顏色為白色,同時設置div的背景顏色為紅色。代碼如下:
6
/7
最后,在test.html頁面中,使用css設置div的位置屬性為absolute,即在頁面中固定位置,并使用bottom設置div固定在頁面的底部。
7
/7
在瀏覽器打開test.html頁面,可見,div成功固定在頁面的底部。
靜態頁面的主要幾種標簽
標題標簽<h>
段落標簽<p>
文本標簽,如<strong>、<em>、<sup>、<sub>
水平線標簽<hr/>
<div>標簽
<h1> ~ <h6>
HTML中的標題標簽用來定義標題結構,HTML中一共有6個標題標簽,數字越小,標題越大,重要性越高。
一個頁面只能有一個<h1>標簽,但可以有多個其他標題標簽。
文本標簽
<strong>標簽用于加粗字體。
<em>標簽用于表現斜體文本。
一般不用<i>標簽的原因在于,<em>標簽更具語義性。
<sup>標簽用于定義上標。
<sub>標簽用于定義下標。
水平線標簽
<hr/>標簽用于定義一條水平線。
<div>標簽
<div>標簽用于定義頁面中的一塊區域,可以配合利用CSS控制這一塊區域的樣式。