網(wǎng)頁設計中的背景特殊效果

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

特殊效果

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

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

font-family:Arial,sans-serif;}

這個例子如圖9-10所示,

圖9-10:H1元素的一個漂亮的效果

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

這個樣式表稍有些復雜,如圖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:一個更復雜的樣式表的結(jié)果

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

背景圖像

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

<BODY BACKGROUND="bg23.gif">

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

當前文章標題:網(wǎng)頁設計中的背景特殊效果

當前URL:http://americanwasteexpansions.com/news/wzzz/special-effects.html

上一篇:網(wǎng)頁設計中的背景色歷史問題

下一篇:網(wǎng)頁設計中的背景圖像

網(wǎng)站建設、網(wǎng)絡營銷咨詢專線:181-8386-5875(點擊可一鍵撥號)