網(wǎng)頁設(shè)計圖 網(wǎng)頁設(shè)計背景圖片怎么填滿整個背景呀？
網(wǎng)頁設(shè)計背景圖片怎么填滿整個背景呀？1、如果樓主只是將其當(dāng)做一張圖片顯示，可以通過css控制，如img{width:100%height:100%}.否則需要將其作為網(wǎng)頁背景的話可以試試如下方法：2、
網(wǎng)頁設(shè)計背景圖片怎么填滿整個背景呀？
1、如果樓主只是將其當(dāng)做一張圖片顯示，可以通過css控制，如img{width:100%height:100%}.否則需要將其作為網(wǎng)頁背景的話可以試試如下方法：2、如果這張圖片為背景圖片由于背景圖片不具有伸縮性，只能通過別的方法繞著解決，在ie中可以用<bodystyle="filter:progid:dximagetransform.microsoft.alphaimageloader(src="https://img.kmw.com1.jpg"，sizingmethod="scale")">，實現(xiàn)背景拉伸鋪滿整個瀏覽器，但其它的瀏覽器不支持。這時可以拐個彎，設(shè)置兩層div，底層div當(dāng)做背景使用，放置一張圖片即可。<div id="background" style="position:absolutez-index:-1width:100%height:100%top:0pxleft:0px"><img src="https://img.kmw.com1.jpg" width="100%" height="100%"/></div>再將網(wǎng)頁內(nèi)容放置到第二層上<div id="content">頁面內(nèi)容</content>3、網(wǎng)頁背景圖片默認(rèn)情況下是重復(fù)平鋪滿整個頁面。上面2方法是要求圖片不重復(fù)，但又得占滿瀏覽器所采用的方法。
如何將網(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)頁，手機還是電腦？手機端就是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è)計效果。
如何制作網(wǎng)頁背景啊？
先用制圖軟件：photoshop或者firewords類似的做一個你想要的背景~之后就用dreamweaver或frontpage制作背景~因為dw或fp是可見即可得的軟件，所以用這些比較容易上手~或者你有了圖，和網(wǎng)頁的話，你也可以在網(wǎng)頁的代碼上加上一些定義的代碼：這個是加在網(wǎng)頁代碼里的，看得明就好語法：background-repeat:repeat|no-repeat|repeat-x|repeat-y參數(shù)：repeat:背景圖像在縱向和橫向上平鋪no-repeat:背景圖像不平鋪repeat-x:背景圖像在橫向上平鋪repeat-y:背景圖像在縱向平鋪示例：menu{background:url("images/aardvark.gif")background-repeat:repeat-y}p{background:url("images/aardvark.gif")background-repeat:no-repeat}
html網(wǎng)頁設(shè)計里面怎么平鋪背景圖片？
html網(wǎng)頁設(shè)計里面平鋪背景圖片的代碼如下：<html> <body> <div id="Layer1" style="position:absolute left:0px top:0px width:100% height:100%"> <img src="https://img.kmw.compictures/background.jpg" width="100%" height="100%"/> </div> </body> </html>網(wǎng)頁背景默認(rèn)是平鋪整個屏幕的，可能有以下原因?qū)е虏荒芷戒仯?、圖片不夠大，又background屬性不能拉伸圖片； 2、只能用個div，把其z-index值設(shè)為負(fù)，并使這個div大小為整個body大小，在div里用<img> ；3、body的background屬性去掉，要不然會被遮住。