免费观看又色又爽又黄的小说免费_美女福利视频国产片_亚洲欧美精品_美国一级大黄大色毛片

幾種常用的網頁背景

2023-12-23    分類: 網站建設

網站設計中的背景是相當重要的,好的背景往往能吸引人的注意力,并且能讓別人注意到你的網站。如果你經常注意別人的網站,你應該會發現在不同的網站 上,甚至同一個網站的不同頁面上,都會有各式各樣的不同的背景設計。究竟都有哪些不同樣式的背景,還有它們的設計方法都是怎樣的呢,現在就由我來為大家作 一個比較完整的總結。

1.照片背景 把自己或朋友的照片作為頁面的背景讓大家看到,是有點令人激動的事情,但瀏覽器對圖片的自動重復排列卻使這一愿望難以實現。怎么辦呢?只有想不到的, 沒有做不到的,這里我們用上一點簡單的CSS。在網頁文件的<head>&hellip;…</head>之間加入下面 的CSS語句: <style type=”text/css”> <!– body{background-image:url(myphoto.jpg); background-repeat:no-repeat; background-attachment:fixed; background-position:50% 50%} –> </style> 這樣,在網頁頁面中,就可以看到你的照片位于頁面的正中間,而且在拉動瀏覽器窗口的滾動條時,照片仍然位于頁面的正中間而不隨頁面內容一起滾動。如果 你覺得照片位于頁面的正中間不滿意,你也可以隨意地調整它在頁面中的位置,只需要調整”background-position”的值就可以了。 2.局部背景 前面我們所說的背景都是整個頁面的背景,能不能在頁面上為某個局部的內容設置屬于它自己的背景呢?回答是肯定的。最為常見的是在表格的設計當中,我們可以為表格設置一個不同于頁面的背景,甚至在不同的表格單元中,我們也可以設置各個表格單元自己的背景。 3.條狀背景 條狀背景與沙紋背景是比較相似的,它適用于頁面背景在水平或豎直方向上看是重復排列的,而在另一方向上看則是沒有規律的。它也是利用瀏覽器對圖片背景的自動重復排列,與沙紋背景所不同的是它只讓圖片在一個方向上重復排列。 以在豎直方向上排列為例,首先用圖像處理軟件做一個從左到右為藍白漸變的水平條狀圖片,其長度與頁面的寬度相當。也通過<body background=”picture”>將其設為頁面背景,經瀏覽器顯示后,就成為整個頁面從左到右藍白漸變的分欄顏色背景。當然,也可以用類 似的方法實現條狀背景在水平方向上的重復排列。 4.沙紋背景 沙紋背景其實屬于圖片背景的范疇,它的主要特點是整個頁面的背景可以看作是局部背景的反復重排,在這類背景中以沙紋狀的背景是為常見,所以我們將其統稱為沙紋背景。 初學主頁制作者都有這樣的經歷,當試圖把自己的照片作為頁面的背景是,卻發現瀏覽器上顯示出來的不僅僅是一個照片,而是同一照片在水平和豎直方向上的 反復排列。這就是瀏覽器處理圖片背景時的規律方法,利用這一規律我們可以用一小塊圖片作為頁面背景,讓它自動在頁面上重復排列,鋪滿整個頁面,從而使網頁 的體積大大減小。 讀者到現在恐怕都已經知道了沙紋背景的原理和實現方法,就是找一個小的圖片,越小越好,但注意要使最后的背景看起來要像一個整體,而不是若干圖片的堆 砌。其實現的HTML語法如下:<body background=”picture”>其中的”picture”表示背景圖片的URL路徑。 5.復合背景 如果你在練習上面的“照片背景”時“不小心”也設置?lt;body>標簽里的顏色背景,那么你看到了什么?顏色背景還起作用嗎?對,你能看到 你的照片浮于你設的顏色背景之上,二者能夠同時正常地顯示出來。這就是復合背景的魅力,更為吸引人的是,當你所設置的圖片背景因為某種不可知的因素而不能 正常顯示的時候,瀏覽器能夠自動用你所設置的顏色背景取而代之。它的設計方法,就不用我再多說了吧! 6.顏色背景 顏色背景的設計是最為簡單的,但同時也是最為常用和最為重要的,因為相對于圖片背景來說,它有無與倫比的顯示速度上的優勢。在網頁文件中,一般通 過<body>標簽來指定頁面的顏色背景,其HTML語法為:<body bgcolor=”color”>其中的”color”表示不同的顏色,可以用各種不同的顏色表示方法,比較常用的有直接用顏色的英文名稱,如 blue、yellow、black等等,還可以用顏色的十六進制表示方法,如#0000FF、#FFFF00、#000000等等,此外還可以用百分比 值法和整數法,其效果都是一樣的。 網站設計顏色背景雖然比較簡單,但也有不少地方需要注意,如要根據不同的頁面內容設計背景顏色的冷暖狀態,要根據頁面的編排設計背景顏色與頁面內容的最佳視覺搭配等等。

本文來源于成都網站建設公司與成都網站設計制作公司-創新互聯成都公司!

網站名稱:幾種常用的網頁背景
URL網址:http://m.newbst.com/news44/309994.html

成都網站建設公司_創新互聯,為您提供ChatGPT響應式網站品牌網站設計全網營銷推廣小程序開發微信小程序

廣告

聲明:本網站發布的內容(圖片、視頻和文字)以用戶投稿、用戶轉載內容為主,如果涉及侵權請盡快告知,我們將會在第一時間刪除。文章觀點不代表本網站立場,如需處理請聯系客服。電話:028-86922220;郵箱:631063699@qq.com。內容未經允許不得轉載,或轉載時需注明來源: 創新互聯

成都網站建設公司