網頁背景顏色

2007-05-06 8:16 am
如何可以設定個背景color由淺變深?
如果我想網頁背景上面比較深色..到下面就變淺色...
可以點寫?

回答 (2)

2007-05-07 5:15 am
✔ 最佳答案
可以不用製成圖片,只要將以下 CSS 句法加成 的屬性:

&lt;body style=&quot;filter:progid:DXImageTransform.Microsoft.Gradient(endColorstr=&#39;<strong>#C0CFE2</strong>&#39;, startColorstr=&#39;<strong>#FFFFFF</strong>&#39;, gradientType=&#39;0&#39;);&quot;&gt;

#C0CFE2 與 #FFFFFF 為顏色的 code;這裡的例子是由白色 (#FFFFFF) 透進淺藍色 (#C0CFE2)

如不懂怎去選擇網頁顏色,可以用這網頁提供的 color picker,選好顏色便即時顯示該顏色的 code:
http://www.pagetutor.com/colorpicker/index.html

注意:這樣雖寫很方便,但只有 Internet Explorer 5.5 或以後的瀏覽器才能支援,而 Firefox, Opera 等其它 browser 完全不支援的。(因為是非標準 code)

所以如果的網頁通用於各瀏覽器,一定要像上面的網友那樣做了,只可以製作一張圖片。(如果決定不採用這&quot;圖片&quot;方案,可停止閱讀)

要用圖像軟件 (e.g. PhotoImpact, PhotoShop) 先去製作這背景圖,然後加一段 HTML。

但該網友建議的 code 至今都未被 Firefox 支援 (原因是 bgproperties=fixed 都是 Internet Explorer 專有的非標準 code,雖然 Opera 後來都加上支援)
所以建議使用以下 CSS 方法來到使所有瀏覽器都支援。
同樣,將以下 CSS 句法加成 的屬性:



另外,建議圖片的大小設大一點,(最少應為 1680x1200 以支援流行的 19/20&quot; (wide) LCD 和 CRT;最大可為 2048x1536,可適用於所有流行顯示器尺寸)。
同時建議圖片儲存為 png (24bit),依這個 case 來說,檔案大小和質素都會比 jpeg 好。

2007-05-06 21:31:50 補充:
唔好意思,第一段 code 被 Yahoo 顯示錯了,第二段就沒被顯示出來。第一段 code 應為:&lt;body style=&quot;filter:progid:DXImageTransform.Microsoft.Gradient(endColorstr=&#39;#C0CFE2&#39;, startColorstr=&#39;#FFFFFF&#39;, gradientType= &#39; 0 &#39; );&quot; &gt;

2007-05-06 21:35:11 補充:
Oh sorry, 又錯了,再更正。第一段 code 為:&lt;body style=&quot;filter:progid:DXImageTransform.Microsoft.Gradient(endColorstr=&#39;#C0CFE2&#39;, startColorstr=&#39;#FFFFFF&#39;, gradientType=&#39;0&#39;);&quot;&gt;

2007-05-06 21:39:37 補充:
預覽睇係 OK 的 @@唯有這樣吧,第一段 code:

2007-05-06 21:49:56 補充:
都係唔得添.... 唯有咁請到以下網頁:http://paste.uni.cc/15250
2007-05-06 9:16 am
背景color由淺變深........你要自己搵 / 整張background image.......因為html bgcolor 你唔可以寫到淺變深.......但background image 點變淺色你可以control 到

&lt; b o d y b a c k g r o u n d = &quot; i m a g e s / b a c k g r o u n d . j p g &quot; b g p r o p e r t i e s = &quot; f i x e d &quot; &gt;


收錄日期: 2021-04-12 19:27:55
原文連結 [永久失效]:
https://hk.answers.yahoo.com/question/index?qid=20070506000051KK00111

檢視 Wayback Machine 備份