在網(wǎng)頁設(shè)計中怎么讓背景圖片水平居中？CSS使網(wǎng)頁背景圖片居中的三種方法。1、第一種：用像素設(shè)定，很多都用這種，但是也是最麻煩的：<div style="width:800pxheight:600p

在網(wǎng)頁設(shè)計中怎么讓背景圖片水平居中？

CSS使網(wǎng)頁背景圖片居中的三種方法。1、第一種：用像素設(shè)定，很多都用這種，但是也是最麻煩的：<div style="width:800pxheight:600pxbackground:url(圖片地址) no-repeat 250px 270pxborder:1px solid #cccccc"></div> 2、第二種：用50%設(shè)定，很方便。<div style="width:800pxheight:600pxbackground:url(圖片地址) no-repeat 50% 50%border:1px solid #cccccc"></div> 3、第三種：用center設(shè)定（注：第2個center可以省略，因為默認(rèn)就是center）。<div style="width:800pxheight:600pxbackground:url(圖片地址) no-repeat center centerborder:1px solid #cccccc"></div>

如何將網(wǎng)頁的整個顏色背景設(shè)計的比較和諧統(tǒng)一？

首先要看你做的是什么網(wǎng)頁，有沒有相關(guān)的品牌標(biāo)識。

一般在開展設(shè)計之前，需要先進(jìn)行VI或CI的設(shè)計，明確品牌視覺語言，這里面要明確形（形狀）、色（顏色）、字（字體），構(gòu)（構(gòu)成），質(zhì)（質(zhì)地）。品牌特征、產(chǎn)品調(diào)性都要依賴這些視覺維度來體現(xiàn)，所以先要想清楚這些問題，把設(shè)計的地基打好，然后再做上層設(shè)計。

具體到網(wǎng)頁，要看你做的是什么客戶端的網(wǎng)頁，手機(jī)還是電腦？手機(jī)端就是H5，可視寬度比較小，電腦端則比較大。對于網(wǎng)頁的配色，應(yīng)該根據(jù)前面提到的形色字構(gòu)質(zhì)，把網(wǎng)頁要用到的主色調(diào)、輔助色、對比色，警示色等常用顏色調(diào)配出來，這個調(diào)配的過程需要考慮使用的屏幕面積和頻率，讓他們搭配在一起的時候盡量和諧。這里面有一些方法，比如從一張和諧的自然風(fēng)光照片里面取色，比如參考設(shè)計精美的網(wǎng)頁配色，也可以使用別人已經(jīng)做好的配色方案，如https://www.uisdc.com/best-22-color-website如。確定好各個色調(diào)后，把他們置入PS或者Sketch的調(diào)色板，設(shè)計頁面的時候直接吸取使用即可。

另外提示一下，網(wǎng)頁配色的顏色數(shù)量盡量要控制保守，不要融入太多的色調(diào)，這樣會讓頁面顯得很雜亂，現(xiàn)在的頁面設(shè)計都很簡潔，以突出內(nèi)容，幫助用戶完成相應(yīng)的任務(wù)為目的。所以事先設(shè)定好調(diào)色板也可以幫助你避免使用過多的顏色，最后祝你達(dá)成自己想要的設(shè)計效果。