① 用html添加背景圖片時.怎麼讓它不重復.並且居中.
在你所加背景圖片的table或div里加入如下代碼：style="background-position:center; background-repeat:no-repeat;"
例如：<table width="200" height="200" style="background-position:center; background-repeat:no-repeat;" background="a.jpg">
補充：
style="background-position:center; background-repeat:no-repeat;"
加在<body>裡面就可以了。
例如：
<body style="background-position:center; background-repeat:no-repeat;">
② 用html添加背景圖片時.怎麼讓它不重復.並且居中.
在你所加背景圖片的table或div里加入如下代碼：style="background-position:center; background-repeat:no-repeat;"
例如：<table width="200" height="200" style="background-position:center; background-repeat:no-repeat;" background="a.jpg">
補充：
style="background-position:center; background-repeat:no-repeat;"
加在<body>裡面就可以了。
例如：
<body style="background-position:center; background-repeat:no-repeat;">
③ 在html代碼中怎麼讓背景圖片居中
用background-position屬性來實現。
參考代碼：
<html>
<head>
<styletype="text/css">
body
{
background-image:url(/i/eg_bg_desert.jpg);'背景圖
background-position:centercenter;'居中
background-repeat:no-repeat;'圖片不重復
}
</style>
</head>
<body>
</body>
</html>
④ HTML5中怎樣讓圖片和文字處在同一行中
今天用HTML5做了一個手機APP上的頁面，對於怎樣讓文字和圖片始終能在同一行的問題很是苦惱，經多方咨詢終於做出了讓自己滿意的效果，現在就來將分享給大家。
首先我們先打開自己的DreamWeaver軟體，新建一個html5頁面，然後命名，保存。
然後我們先進行簡單的頁面布局。在body部分加入一個div，裡面添加ul和li的嵌套。
我們在li標簽中添加部分內容，並設置其寬度為100%，即充滿整個屏幕，高度為固定值。
然後我們找到已經做好的圖片，注意圖片盡量選擇正方形的，大小為30×30px.
若想讓圖片和文字在同一行，不管頁面怎樣變化二者都要處在同一行，就需要我們將圖片作為li標簽的背景圖片。
這樣文字會將圖片覆蓋，我們還需要為li標簽設置一個左側的內邊距，以保證文字在圖片的左邊。(由於圖片的大小已經是固定值了，左邊距的大小我們也可以將其設為固定的)
再在li標簽下面添加一條橫線，並將背景圖片進行定位，這樣我們可以看到很好的效果。證實文字和圖片是在同一水平線上的。
想讓文字和圖片在同一水平線上，總結起來就是將圖片設為背景圖片，並添加padding-left，然後定位一下圖片的位置。
⑤ 網頁中如何用HTML/CSS實現文字居中於圖片
1、前端用到的編輯器有很多，本例通過選擇SublimeText3編輯器來實現文字居中圖片的製作。第一步，打開電腦中安裝的SublimeText3，新建demo文件夾用來存放文件，在裡面新建一個html文件，通過Tab快捷鍵迅速創建一個html模板，並命名標題。
2、第二步，在頂部head標簽里引入外部CSS文件。當然，因為本例比較簡單，就直接寫在style標簽里了。建議實際開發應該寫在外部CSS文件中。
3、第三步，在Body中寫簡單的html代碼。在一個容器div中，給一個類名，然後加一個子div，命名類名，用來填充文字。子div中加一個h標簽，引入文字，隨便寫幾個文字。
4、第四步，寫父級div的樣式。其主要作用是包裹子級div。為了看得比較明顯，加一個邊框樣式：border：1pxsolid#093。
5、第五步，寫主要的字div樣式。設置長度和寬度，以及邊框樣式；文字顏色以及字體大小；接著以一張圖片作為背景圖片，不重復：background:url(images/0.jpg)no-repeat。如圖。你也可以隨時在瀏覽器中查看效果。可以看到，此時，文字是在圖片最上面。
6、第六步，接著是最關鍵的部分，設置文字居中於圖片，包括垂直和水平方向上的居中。其中，line-height：630px，使行高等於高度，文字即可在垂直方向居中；text-align:center，實現水平居中。