把文字固定在圖片中css代碼，用CSS樣式控制文字浮于圖片上方，這個(gè)我們首先要明確的知道一個(gè)層的概念，這里就是將圖片為一個(gè)層，然后文字又是一個(gè)層，然后我們使用一個(gè)position定位，將文字定于圖片的位置，然后使用zindex。

對(duì)于初學(xué)css的新手朋友來(lái)說(shuō)，經(jīng)常會(huì)遇到這樣一個(gè)問(wèn)題，當(dāng)文字和圖片出現(xiàn)在同一行或者同一個(gè)div里面的時(shí)候，在瀏覽器中運(yùn)行出來(lái)的顯示效果往往是在不同的行，那么，我們?cè)趺床拍芾肅SS代碼使圖片和文字在同一行顯示且對(duì)齊呢。

CSS 截?cái)嘧址?CSS是實(shí)現(xiàn)文字自動(dòng)截?cái)?，代碼如下 代碼如下divtestwidth200pxheight14pxoverflowhiddenwhitespacenowraptextoverflowellipsistextoverflow ellipsis* IESafari *mstextoverflow。

5然后寫(xiě)一個(gè)文字內(nèi)容的div，如下圖紅框所示，代碼如下設(shè)為主頁(yè)6設(shè)置文字的位置和樣式等，示例代碼如下header p display blockwidth autolineheight 14pxbackground urlquotsethomepngquot norepeat。

1首先新建一個(gè)17html2然后輸入html5標(biāo)準(zhǔn)聲明3輸入后可以看到html網(wǎng)頁(yè)的結(jié)構(gòu)4再在header標(biāo)簽中添加style層疊樣式5把body標(biāo)簽的文字加粗6最后使用瀏覽器打開(kāi)網(wǎng)頁(yè)就可以看到字體加粗了，這樣css里文字加粗。

在css中讓文字顯示方式從右邊開(kāi)始的操作方法和步驟如下1首先，創(chuàng)建一個(gè)新的html文檔，見(jiàn)下圖紅框中的內(nèi)容，然后進(jìn)入下一步2其次，完成上述步驟后，可以更改文檔的名稱(chēng)，見(jiàn)下圖紅框中的內(nèi)容，然后進(jìn)入下一步3接。

1首先，打開(kāi)html編輯器，新建html文件，例如indexhtml2在indexhtml中的標(biāo)簽中，輸入css代碼afontfamily 楷體fontsize 20pxcolor orange3瀏覽器運(yùn)行indexhtml頁(yè)面，此時(shí)用CSS成功改變了超鏈接。

CSS中設(shè)置文字右對(duì)齊可以通過(guò)代碼文本段落來(lái)實(shí)現(xiàn)，操作步驟如下1新建一個(gè)html文檔，如下圖紅框所示2可以給文檔改個(gè)名字，如下圖紅框所示3然后輸入文字內(nèi)容，如下圖紅框所示4進(jìn)一步設(shè)置以下文字的對(duì)齊方式。