當前位置:首頁 » 背景圖片 » css設置文字在背景圖片居中
擴展閱讀
塑形宣傳圖片素材 2024-10-03 18:55:49
ipad帶框圖片高清 2024-10-03 18:55:13
如何畫秋天的唯美圖片 2024-10-03 18:37:58

css設置文字在背景圖片居中

發布時間: 2024-01-08 01:13:32

Ⅰ 文字和圖片在同一個DIV中,要讓圖片居中,文字靠左對齊,並且,只能設置DIV的CSS,如何做到

文字默認,圖片的display屬性設置成block 然後margin:0 auto 即可

<style type="text/css">
.tt{ border:1px solid #CCC; width:600px; height:600px; }
.tt img{ margin:0 auto; border:1px solid #F00; display:block; }
</style>

<div class="tt">
文字在左邊
<img src="http://www..com/img/shouye_.gif" />
</div>

Ⅱ css 背景圖片怎麼讓他在瀏覽器中都居中顯示

要是背景圖片居中,需要藉助於css中的background屬性,background 簡寫屬性其定義及用法如下:
background 簡寫屬性在一個聲明中設置所有的背景屬性。可以設置如下屬性:
1,background-color 規定要使用的背景顏色。
2,background-position 規定背景圖像的位置。
3,background-size 規定背景圖片的尺寸。
4,background-repeat 規定如何重復背景圖像。
5,background-origin 規定背景圖片的定位區域。
6,background-clip 規定背景的繪制區域。
7,background-attachment 規定背景圖像是否固定或者隨著頁面的其餘部分滾動。

background-image 規定要使用的背景圖像。
如果不設置其中的某個值,也不會出問題,比如 background:#ff0000 url('smiley.gif'); 也是允許的。
通常建議使用這個屬性,而不是分別使用單個屬性,因為這個屬性在較老的瀏覽器中能夠得到更好的支持,而且需要鍵入的字母也更少。

background-position 即是規定背景圖片的位置。它的值分別有以下:
top,left,right,bottom

所以需要想背景圖片居中顯示的話,可以這樣寫:

#menu_bg{background:url(../images/index_x.jpg) center center;}

Ⅲ 在網頁設計中怎麼讓背景圖片水平居中

CSS使網頁背景圖片居中的三種方法。
1、第一種:用像素設定,很多都用這種,但是也是最麻煩的:
2、第二種:用50%設定,很方便。
3、第三種:用center設定(註:第2個center可以省略,因為默認就是center)。