<center id="iyacc"><source id="iyacc"></source></center>
  • <center id="iyacc"></center>
  • 
    
  • <ul id="iyacc"><delect id="iyacc"></delect></ul>
  • <strike id="iyacc"><code id="iyacc"></code></strike>
    <strike id="iyacc"><code id="iyacc"></code></strike>
  • <center id="iyacc"><dd id="iyacc"></dd></center><ul id="iyacc"><delect id="iyacc"></delect></ul>

    網(wǎng)頁(yè)設(shè)計(jì)中的背景特殊效果

    • 2019-01-11 17:02:37
    • 閱讀次數(shù):
    • 作者:盈嵐科技小編
    • 來(lái)源:http://m.ww44088.com

    特殊效果

    網(wǎng)站建設(shè)里只需結(jié)合color和background-color,就可以創(chuàng)建一些有用的效果:

    h1{color:white;background-color:rgb(20%,20%,20%)

    font-family:Arial,sans-serif;}

    這個(gè)例子如圖9-10所示,

    圖9-10:H1元素的一個(gè)漂亮的效果

    當(dāng)然,顏色有很多,顏色組合就更多了,但這里無(wú)法將所有顏色組合都顯示出來(lái),我們只能像前面一樣還是用灰度表示。不過(guò),還是盡量讓網(wǎng)站建設(shè)人員對(duì)此有一些認(rèn)識(shí)。

    這個(gè)樣式表稍有些復(fù)雜,如圖9-11所示?

    body{color:black;background-color:white;}

    h1,h2{color:yellow;background-color:rgb(0,51,0);}

    p{color:#555;}

    a:link{color:black;background-color:silver;}

    a:visited{color:gray;background-color:white;}

    圖9-11:一個(gè)更復(fù)雜的樣式表的結(jié)果

    當(dāng)然,網(wǎng)頁(yè)設(shè)計(jì)人員還能做得更漂亮,這還只是開(kāi)始而已??梢猿浞职l(fā)揮主動(dòng)性,自己嘗試些例子!

    背景圖像

    前面已經(jīng)介紹了前景和背景色的基礎(chǔ)知識(shí),下面來(lái)討論背景圖像。在HTML3.2中,可以通過(guò)使用BODY屬性BACKGROUND向文檔的背景關(guān)聯(lián)一個(gè)圖像:

    <BODY BACKGROUND="bg23.gif">

    這會(huì)使用戶代理加載文件知然后把它“平鋪”在文檔背景中,沿水平方向和垂直方向重復(fù)放置這個(gè)圖像,填滿文檔的整個(gè)背景。這種效果利用網(wǎng)站建設(shè)CSS也可以達(dá)到,不過(guò)CSS并不只是簡(jiǎn)單地將背景圖像平鋪,還能做更多的工作。首先來(lái)介紹基礎(chǔ)知識(shí),再來(lái)看如何使用。

    當(dāng)前文章標(biāo)題:網(wǎng)頁(yè)設(shè)計(jì)中的背景特殊效果

    當(dāng)前URL:http://m.ww44088.com/news/wzzz/special-effects.html

    上一篇:網(wǎng)頁(yè)設(shè)計(jì)中的背景色歷史問(wèn)題

    下一篇:網(wǎng)頁(yè)設(shè)計(jì)中的背景圖像

    網(wǎng)站建設(shè)、網(wǎng)絡(luò)營(yíng)銷咨詢專線:181-8386-5875(點(diǎn)擊可一鍵撥號(hào))
    亚洲bt欧美bt中文字幕,囯产剧情亚洲精品无码一页,国产欧美va欧美va香蕉在,国产激情久久99久久 亚洲国产视频95 婷婷六月在线视频中文字幕
    <center id="iyacc"><source id="iyacc"></source></center>
  • <center id="iyacc"></center>
  • 
    
  • <ul id="iyacc"><delect id="iyacc"></delect></ul>
  • <strike id="iyacc"><code id="iyacc"></code></strike>
    <strike id="iyacc"><code id="iyacc"></code></strike>
  • <center id="iyacc"><dd id="iyacc"></dd></center><ul id="iyacc"><delect id="iyacc"></delect></ul>