網(wǎng)頁設(shè)計(jì)圖 網(wǎng)頁設(shè)計(jì)背景圖片怎么填滿整個(gè)背景呀？
網(wǎng)頁設(shè)計(jì)背景圖片怎么填滿整個(gè)背景呀？1、如果樓主只是將其當(dāng)做一張圖片顯示，可以通過css控制，如img{width:100%height:100%}.否則需要將其作為網(wǎng)頁背景的話可以試試如下方法：2、
網(wǎng)頁設(shè)計(jì)背景圖片怎么填滿整個(gè)背景呀？
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")">，實(shí)現(xiàn)背景拉伸鋪滿整個(gè)瀏覽器，但其它的瀏覽器不支持。這時(shí)可以拐個(gè)彎，設(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ù)平鋪滿整個(gè)頁面。上面2方法是要求圖片不重復(fù)，但又得占滿瀏覽器所采用的方法。
如何將網(wǎng)頁的整個(gè)顏色背景設(shè)計(jì)的比較和諧統(tǒng)一？
首先要看你做的是什么網(wǎng)頁，有沒有相關(guān)的品牌標(biāo)識(shí)。
一般在開展設(shè)計(jì)之前，需要先進(jìn)行VI或CI的設(shè)計(jì)，明確品牌視覺語言，這里面要明確形（形狀）、色（顏色）、字（字體），構(gòu)（構(gòu)成），質(zhì)（質(zhì)地）。品牌特征、產(chǎn)品調(diào)性都要依賴這些視覺維度來體現(xiàn)，所以先要想清楚這些問題，把設(shè)計(jì)的地基打好，然后再做上層設(shè)計(jì)。
具體到網(wǎng)頁，要看你做的是什么客戶端的網(wǎng)頁，手機(jī)還是電腦？手機(jī)端就是H5，可視寬度比較小，電腦端則比較大。對(duì)于網(wǎng)頁的配色，應(yīng)該根據(jù)前面提到的形色字構(gòu)質(zhì)，把網(wǎng)頁要用到的主色調(diào)、輔助色、對(duì)比色，警示色等常用顏色調(diào)配出來，這個(gè)調(diào)配的過程需要考慮使用的屏幕面積和頻率，讓他們搭配在一起的時(shí)候盡量和諧。這里面有一些方法，比如從一張和諧的自然風(fēng)光照片里面取色，比如參考設(shè)計(jì)精美的網(wǎng)頁配色，也可以使用別人已經(jīng)做好的配色方案，如https://www.uisdc.com/best-22-color-website如。確定好各個(gè)色調(diào)后，把他們置入PS或者Sketch的調(diào)色板，設(shè)計(jì)頁面的時(shí)候直接吸取使用即可。
另外提示一下，網(wǎng)頁配色的顏色數(shù)量盡量要控制保守，不要融入太多的色調(diào)，這樣會(huì)讓頁面顯得很雜亂，現(xiàn)在的頁面設(shè)計(jì)都很簡(jiǎn)潔，以突出內(nèi)容，幫助用戶完成相應(yīng)的任務(wù)為目的。所以事先設(shè)定好調(diào)色板也可以幫助你避免使用過多的顏色，最后祝你達(dá)成自己想要的設(shè)計(jì)效果。
如何制作網(wǎng)頁背景啊？
先用制圖軟件：photoshop或者firewords類似的做一個(gè)你想要的背景~之后就用dreamweaver或frontpage制作背景~因?yàn)閐w或fp是可見即可得的軟件，所以用這些比較容易上手~或者你有了圖，和網(wǎng)頁的話，你也可以在網(wǎng)頁的代碼上加上一些定義的代碼：這個(gè)是加在網(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è)計(jì)里面怎么平鋪背景圖片？
html網(wǎng)頁設(shè)計(jì)里面平鋪背景圖片的代碼如下：<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)是平鋪整個(gè)屏幕的，可能有以下原因?qū)е虏荒芷戒仯?、圖片不夠大，又background屬性不能拉伸圖片； 2、只能用個(gè)div，把其z-index值設(shè)為負(fù)，并使這個(gè)div大小為整個(gè)body大小，在div里用<img> ；3、body的background屬性去掉，要不然會(huì)被遮住。