【大連網龍科技】zaiwomendewangzhanshejizhong,beijingshixiangdangzhongyaode,wangwangyigehaodebeijingnengxiyinrendezhuyili,bingqienengrangbierenzhuyidaonidewangzhan。ruguonijingchangzhuyibierendewangzhan,niyinggaihuifaxianzaibutongdewangzhanshang,shenzhitongyigewangzhandebutongyemianshang,douhuiyougeshigeyangdebutongdebeijingsheji。jiujingdouyou哪些不同樣式的背景,還有它們的設計方法都是怎樣的呢,現在就由我來為大家作一個比較完整的總結。
1.照片背景
把ba自zi己ji或huo朋peng友you的de照zhao片pian作zuo為wei頁ye麵mian的de背bei景jing讓rang大da家jia看kan到dao,是shi有you點dian令ling人ren激ji動dong的de事shi情qing,但dan瀏liu覽lan器qi對dui圖tu片pian的de自zi動dong重zhong複fu排pai列lie卻que使shi這zhe一yi願yuan望wang難nan以yi實shi現xian。怎zen麼me辦ban呢ne?隻zhi有you想xiang不bu到dao的de,沒mei有you做zuo不bu到dao的de,這zhe裏li我wo們men用yong上shang一yi點dian簡jian單dan的deCSS。在網頁文件的……
之間加入下麵的CSS語句:
這zhe樣yang,在zai網wang頁ye頁ye麵mian中zhong,就jiu可ke以yi看kan到dao你ni的de照zhao片pian位wei於yu頁ye麵mian的de正zheng中zhong間jian,而er且qie在zai拉la動dong瀏liu覽lan器qi窗chuang口kou的de滾gun動dong條tiao時shi,照zhao片pian仍reng然ran位wei於yu頁ye麵mian的de正zheng中zhong間jian而er不bu隨sui頁ye麵mian內nei容rong一yi起qi滾gun動dong。如ru果guo你ni覺jiao得de照zhao片pian位wei於yu頁ye麵mian的de正zheng中zhong間jian不bu滿man意yi,你ni也ye可ke以yi隨sui意yi地di調tiao整zheng它ta在zai頁ye麵mian中zhong的de位wei置zhi,隻zhi需xu要yao調tiao整zheng"background-position"的值就可以了。
2.局部背景
前qian麵mian我wo們men所suo說shuo的de背bei景jing都dou是shi整zheng個ge頁ye麵mian的de背bei景jing,能neng不bu能neng在zai頁ye麵mian上shang為wei某mou個ge局ju部bu的de內nei容rong設she置zhi屬shu於yu它ta自zi己ji的de背bei景jing呢ne?回hui答da是shi肯ken定ding的de。最zui為wei常chang見jian的de是shi在zai表biao格ge的de設she計ji當dang中zhong,我wo們men可ke以yi為wei表biao格ge設she置zhi一yi個ge不bu同tong於yu頁ye麵mian的de背bei景jing,甚shen至zhi在zai不bu同tong的de表biao格ge單dan元yuan中zhong,我wo們men也ye可ke以yi設she置zhi各ge個ge表biao格ge單dan元yuan自zi己ji的de背bei景jing。
3.條狀背景
條tiao狀zhuang背bei景jing與yu沙sha紋wen背bei景jing是shi比bi較jiao相xiang似si的de,它ta適shi用yong於yu頁ye麵mian背bei景jing在zai水shui平ping或huo豎shu直zhi方fang向xiang上shang看kan是shi重zhong複fu排pai列lie的de,而er在zai另ling一yi方fang向xiang上shang看kan則ze是shi沒mei有you規gui律lv的de。它ta也ye是shi利li用yong瀏liu覽lan器qi對dui圖tu片pian背bei景jing的de自zi動dong重zhong複fu排pai列lie,與yu沙sha紋wen背bei景jing所suo不bu同tong的de是shi它ta隻zhi讓rang圖tu片pian在zai一yi個ge方fang向xiang上shang重zhong複fu排pai列lie。
以在豎直方向上排列為例,首先用圖像處理軟件做一個從左到右為藍白漸變的水平條狀圖片,其長度與頁麵的寬度相當。也通過jiangqisheweiyemianbeijing,jingliulanqixianshihou,jiuchengweizhenggeyemiancongzuodaoyoulanbaijianbiandefenlanyansebeijing。dangran,yekeyiyongleisidefangfashixiantiaozhuangbeijingzaishuipingfangxiangshangdezhongfupailie。
4.沙紋背景
沙sha紋wen背bei景jing其qi實shi屬shu於yu圖tu片pian背bei景jing的de範fan疇chou,它ta的de主zhu要yao特te點dian是shi整zheng個ge頁ye麵mian的de背bei景jing可ke以yi看kan作zuo是shi局ju部bu背bei景jing的de反fan複fu重zhong排pai,在zai這zhe類lei背bei景jing中zhong以yi沙sha紋wen狀zhuang的de背bei景jing是shi為wei常chang見jian,所suo以yi我wo們men將jiang其qi統tong稱cheng為wei沙sha紋wen背bei景jing。
chuxuezhuyezhizuozhedouyouzheyangdejingli,dangshitubazijidezhaopianzuoweiyemiandebeijingshi,quefaxianliulanqishangxianshichulaidebujinjinshiyigezhaopian,ershitongyizhaopianzaishuipingheshuzhifangxiangshangdefanfupailie。zhejiushiliulanqichulitupianbeijingshideguilvfangfa,liyongzheyiguilvwomenkeyiyongyixiaokuaitupianzuoweiyemianbeijing,rangtazidongzaiyemianshangzhongfupailie,pumanzhenggeyemian,congershiwangyedetijidadajianxiao。
duzhedaoxianzaikongpadouyijingzhidaoleshawenbeijingdeyuanliheshixianfangfa,jiushizhaoyigexiaodetupian,yuexiaoyuehao,danzhuyiyaoshizuihoudebeijingkanqilaiyaoxiangyigezhengti,erbushiruogantupiandeduiqi。qishixiandeHTML語法如下:其中的"picture"表示背景圖片的URL路徑。
5.複合背景
如果你在練習上麵的“照片背景”時“不小心”也設置?lt;body>標(biao)簽(qian)裏(li)的(de)顏(yan)色(se)背(bei)景(jing),那(na)麼(me)你(ni)看(kan)到(dao)了(le)什(shen)麼(me)?顏(yan)色(se)背(bei)景(jing)還(hai)起(qi)作(zuo)用(yong)嗎(ma)?對(dui),你(ni)能(neng)看(kan)到(dao)你(ni)的(de)照(zhao)片(pian)浮(fu)於(yu)你(ni)設(she)的(de)顏(yan)色(se)背(bei)景(jing)之(zhi)上(shang),二(er)者(zhe)能(neng)夠(gou)同(tong)時(shi)正(zheng)常(chang)地(di)顯(xian)示(shi)出(chu)來(lai)。這(zhe)就(jiu)是(shi)複(fu)合(he)背(bei)景(jing)的(de)魅(mei)力(li),更(geng)為(wei)吸(xi)引(yin)人(ren)的(de)是(shi),當(dang)你(ni)所(suo)設(she)置(zhi)的(de)圖(tu)片(pian)背(bei)景(jing)因(yin)為(wei)某(mou)種(zhong)不(bu)可(ke)知(zhi)的(de)因(yin)素(su)而(er)不(bu)能(neng)正(zheng)常(chang)顯(xian)示(shi)的(de)時(shi)候(hou),瀏(liu)覽(lan)器(qi)能(neng)夠(gou)自(zi)動(dong)用(yong)你(ni)所(suo)設(she)置(zhi)的(de)顏(yan)色(se)背(bei)景(jing)取(qu)而(er)代(dai)之(zhi)。它(ta)的(de)設(she)計(ji)方(fang)法(fa),就(jiu)不(bu)用(yong)我(wo)再(zai)多(duo)說(shuo)了(le)吧(ba)!
6.顏色背景
顏(yan)色(se)背(bei)景(jing)的(de)設(she)計(ji)是(shi)最(zui)為(wei)簡(jian)單(dan)的(de),但(dan)同(tong)時(shi)也(ye)是(shi)最(zui)為(wei)常(chang)用(yong)和(he)最(zui)為(wei)重(zhong)要(yao)的(de),因(yin)為(wei)相(xiang)對(dui)於(yu)圖(tu)片(pian)背(bei)景(jing)來(lai)說(shuo),它(ta)有(you)無(wu)與(yu)倫(lun)比(bi)的(de)顯(xian)示(shi)速(su)度(du)上(shang)的(de)優(you)勢(shi)。在(zai)網(wang)頁(ye)文(wen)件(jian)中(zhong),一(yi)般(ban)通(tong)過(guo)標簽來指定頁麵的顏色背景,其HTML語法為:其中的"color"表示不同的顏色,可以用各種不同的顏色表示方法,比較常用的有直接用顏色的英文名稱,如blue、yellow、black等等,還可以用顏色的十六進製表示方法,如#0000FF、#FFFF00、#000000等等,此外還可以用百分比值法和整數法,其效果都是一樣的。
網(wang)站(zhan)設(she)計(ji)顏(yan)色(se)背(bei)景(jing)雖(sui)然(ran)比(bi)較(jiao)簡(jian)單(dan),但(dan)也(ye)有(you)不(bu)少(shao)地(di)方(fang)需(xu)要(yao)注(zhu)意(yi),如(ru)要(yao)根(gen)據(ju)不(bu)同(tong)的(de)頁(ye)麵(mian)內(nei)容(rong)設(she)計(ji)背(bei)景(jing)顏(yan)色(se)的(de)冷(leng)暖(nuan)狀(zhuang)態(tai),要(yao)根(gen)據(ju)頁(ye)麵(mian)的(de)編(bian)排(pai)設(she)計(ji)背(bei)景(jing)顏(yan)色(se)與(yu)頁(ye)麵(mian)內(nei)容(rong)的(de)最(zui)佳(jia)視(shi)覺(jiao)搭(da)配(pei)等(deng)等(deng)。