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

對于初學(xué)css的新手朋友來說，經(jīng)常會遇到這樣一個問題，當(dāng)文字和圖片出現(xiàn)在同一行或者同一個div里面的時候，在瀏覽器中運行出來的顯示效果往往是在不同的行，那么，我們怎么才能利用CSS代碼使圖片和文字在同一行顯示且對齊呢。

CSS 截斷字符串 CSS是實現(xiàn)文字自動截斷，代碼如下 代碼如下divtestwidth200pxheight14pxoverflowhiddenwhitespacenowraptextoverflowellipsistextoverflow ellipsis* IESafari *mstextoverflow。

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

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

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

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

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