1、可以使用background-position屬性設(shè)置圖片位置，具體的方法是，首先用hbuilder軟件新建一個(gè)html文件，文件的head標(biāo)簽中設(shè)置輸入style標(biāo)簽：

2、然后設(shè)置body的樣式，給body加一張圖片，設(shè)置為不重復(fù)，設(shè)置background-position屬性讓圖片出現(xiàn)在右上方，該屬性的前一個(gè)參數(shù)控制上下的位置，后一個(gè)參數(shù)控制左右的位置，設(shè)置好后，來(lái)到瀏覽器查看效果：

3、此時(shí)在瀏覽器就會(huì)看到圖片是在瀏覽器的右上方的：

1

/7

新建一個(gè)html文件，命名為test.html，用于講解html中怎么用CSS固定一個(gè)div模塊位置不變。

2

/7

在test.html頁(yè)面中，創(chuàng)建一個(gè)div模塊，并在div內(nèi)寫(xiě)上測(cè)試的文字，用于測(cè)試。

3

/7

在test.html頁(yè)面中，使用css設(shè)置div的寬度為100%，高度為100px。 代碼如下：

4

/7

在test.html頁(yè)面中，使用css設(shè)置div內(nèi)的文字垂直、水平居中，并設(shè)置文字的大小為30px。代碼如下：

5

/7

在test.html頁(yè)面中，使用css設(shè)置div內(nèi)的文字顏色為白色，同時(shí)設(shè)置div的背景顏色為紅色。代碼如下：

6

/7

最后，在test.html頁(yè)面中，使用css設(shè)置div的位置屬性為absolute，即在頁(yè)面中固定位置，并使用bottom設(shè)置div固定在頁(yè)面的底部。

7

/7

在瀏覽器打開(kāi)test.html頁(yè)面，可見(jiàn)，div成功固定在頁(yè)面的底部。

靜態(tài)頁(yè)面的主要幾種標(biāo)簽

標(biāo)題標(biāo)簽<h>

段落標(biāo)簽<p>

文本標(biāo)簽，如<strong>、<em>、<sup>、<sub>

水平線標(biāo)簽<hr/>

<div>標(biāo)簽

<h1> ~ <h6>

HTML中的標(biāo)題標(biāo)簽用來(lái)定義標(biāo)題結(jié)構(gòu)，HTML中一共有6個(gè)標(biāo)題標(biāo)簽，數(shù)字越小，標(biāo)題越大，重要性越高。

一個(gè)頁(yè)面只能有一個(gè)<h1>標(biāo)簽，但可以有多個(gè)其他標(biāo)題標(biāo)簽。

文本標(biāo)簽

<strong>標(biāo)簽用于加粗字體。

<em>標(biāo)簽用于表現(xiàn)斜體文本。

一般不用<i>標(biāo)簽的原因在于，<em>標(biāo)簽更具語(yǔ)義性。

<sup>標(biāo)簽用于定義上標(biāo)。

<sub>標(biāo)簽用于定義下標(biāo)。

水平線標(biāo)簽

<hr/>標(biāo)簽用于定義一條水平線。

<div>標(biāo)簽

<div>標(biāo)簽用于定義頁(yè)面中的一塊區(qū)域，可以配合利用CSS控制這一塊區(qū)域的樣式。