html如何將圖片居中？
用HTML繪制頁面時，恰當的圖形布局可以使內容更具吸引力。這裏有壹個在HTML中將圖片居中的簡單方法。01打開記事本或其他代碼編輯器，創建壹個新的HTML文件，如下圖所示
02用瀏覽器打開這個HTML文件，可以看到下圖所示的效果。這幅畫在整頁的左邊。
03圖片居中可以通過HTML中的align屬性來控制。在圖片的div中添加align="center"。
04在瀏覽器中再次打開這個頁面文件，效果如下。圖片已經顯示在中間。
05我們還可以通過樣式文件來實現圖片的居中顯示，這裏我們以class選擇器為例，為圖片層加入class=img_center，然後在style標簽中定義樣式，如下圖我們還可以通過樣式文件實現圖片的居中顯示。這裏，我們以類選擇器為例，添加class=style>標簽中，輸入css代碼：
body{text-align:center;background:url(small2.png);background-size:60%;}。
3、瀏覽器運行index.html頁面，此時成功通過css控制了圖片居中顯示。
網頁中如何用HTML/CSS實現文字居中於圖片？
1、前端用到的編輯器有很多，本例通過選擇SublimeText3編輯器來實現文字居中圖片的制作。第壹步，打開電腦中安裝的SublimeText3，新建demo文件夾用來存放文件，在裏面新建壹個html文件，通過Tab快捷鍵迅速創建壹個html模板，並命名標題。如圖：
2、第二步，在頂部head標簽裏引入外部CSS文件。當然，因為本例比較簡單，就直接寫在style標簽裏了。建議實際開發應該寫在外部CSS文件中。
3、第三步，在Body中寫簡單的html代碼。在壹個容器p中，給壹個類名，然後加壹個子p，命名類名，用來填充文字。子p中加壹個h標簽，引入文字，隨便寫幾個文字。如圖：
4、第四步，寫父級p的樣式。其主要作用是包裹子級p。為了看得比較明顯，加壹個邊框樣式：border：1pxsolid#093。如圖：
5、第五步，寫主要的字p樣式。設置長度和寬度，以及邊框樣式；文字顏色以及字體大小；接著以壹張圖片作為背景圖片，不重復：background:url(images/0.jpg)no-repeat。如圖。妳也可以隨時在瀏覽器中查看效果。可以看到，此時，文字是在圖片最上面。
6、第六步，接著是最關鍵的部分，設置文字居中於圖片，包括垂直和水平方向上的居中。其中，line-height：630px，使行高等於高度，文字即可在垂直方向居中；text-align:center，實現水平居中。如圖：
網頁設計怎麽給文字加邊框居中？
是給文字描邊嗎?描邊沒有這種功能，可以加陰影，把陰影的模糊設置成0。居中可以用text-align值為center。
怎麽樣讓整個網頁居中顯示？
水平居中的話壹般用margin:auto比較好，不過前提是寬度width必須有固定值。網頁居中制作過程：
1.利用Dreamweaver工具實現頁面的居中顯示：為了能夠前後形成對比，我們先來看壹下最初網頁的顯示效果。
2.利用Dreamweaver打開要處理的網頁，切換至“代碼”查看模式，選中“Body>/body>”標簽部分，然後點擊“屬性”工具欄中的“CSS”按鈕。
3.接著點擊“居中”按鈕，就會發現頁面被設置為居中顯示。
4.我們也可以利用插入CSS代碼來實現頁面的居中顯示。將以下代碼放置在“head>/head>”標簽中：styletype="text/css">!--body{margin:0auto;width:780px;'‘'’’這個改成妳網頁的寬度}-->/style>也可以實現頁面居中顯示效果。
5.我們事可以在“body>/body>”外面添加center>/center>標簽來實現同樣的頁面居中顯示效果。
html+css做網頁時,如何讓整張網頁居中顯示？
把所有元素放在壹個p裏面，然後設置p的margin值:0pxauto;