<
色彩背景
色彩背景的設計是為簡單的,但同時也是為常用跟為重要的,因為絕對圖片背景來說,它有無可比較的顯示速度上的上風。在網頁文件中,個別通過標簽來指定頁面的色彩背景,其HTML 語法為:其中的"color"表示不同的色彩,可能用各種不同的色彩表示方法,比較常用的有直接用色彩的英文名稱,如blu
E、yello
W、black等等,還可能用色彩的十六進制表示方法,如#0000F
F、#FFFF00、 #000000等等,此外還可能用百分比值法跟整數法,其后果都是一樣的。
色彩背景誠然比較簡單,但也有不少處所須要留神,如要依據不同的頁面內容設計背景色彩的冷暖狀況,要依據頁面的編排設計背景色彩與頁面內容的幻想視覺搭配等等。
沙紋背景
沙紋背景切實屬于圖片背景的范疇,它的重要特點是全部頁面的背景可能看作是局部背景的重復重排,在這類背景中以沙紋狀的背景是為常見,所以咱們將其統稱為沙紋背景。
初學主頁制造者都有這樣的經歷,當試圖把自己的照片作為頁面的背景是,卻發明瀏覽器上顯示出來的不僅僅是一個照片,而是同一照片在水平跟豎直方向上的重復排列。這就是瀏覽器處理圖片背景時的法則方法,利用這一法則咱們可能用一小塊圖片作為頁面背景,讓它主動在頁面上重復排列,鋪滿全部頁面,從而使網頁的體積大大減小。
條狀背景
條狀背景與沙紋背景是比較類似的,它實用于頁面背景在水平或豎直方向上看是重復排列的,而在另一方向上看則是不法則的。它也是利用瀏覽器對圖片背景的主動重復排列,與沙紋背景所不同的是它只讓圖片在一個方向上重復排列。以在豎直方向上排列為例,先用圖像處理軟件做一個從左到右為藍白漸變的水平條狀圖片,其長度與頁面的寬度相稱。也通過將其設為頁面背景,經瀏覽器顯示后,就成為全部頁面從左到右藍白漸變的分欄色彩背景。
照片背景
這里咱們用上一點簡單的 CSS。在網頁文件的……之間加入下面的CSS語句: 這樣,在網頁頁面中,就可能看到你的照片位于頁面的正旁邊,而且在拉動瀏覽器窗口的轉動條時,照片仍然位于頁面的正旁邊而不隨頁面內容一起轉動。假如你覺得照片位于頁面的正旁邊不滿意,你也可能隨便地調劑它在頁面中的位置,只須要調劑"background-position"的值就可能了。
復合背景
假如你能看到你的照片浮于你設的色彩背景之上,二者可能同時畸形地顯示出來。這就是復合背景的魅力,更為吸惹人的是,當你所設置的圖片背景因為某種不可知的因素而不能畸形顯示的時候,瀏覽器可能主動用你所設置的色彩背景取而代之。
局部背景
為常見的是在表格的設計當中,咱們可能為表格設置一個不同于頁面的背景,甚至在不同的表格單元中,咱們也可能設置各個表格單元自己的背景。除此之外,咱們還可能單獨為某個文字段落設置背景,甚至為這個文字段落中的某多少個文字設置自己的背景,是不是有點相稱不錯,這也須要用上一些CSS。只有你樂意,你就可能為頁面的任何一個局部定義自己的背景,從而把頁面裝扮得更加美麗跟吸惹人。
相關鏈接:長春網站建設,長春網站設計,長春網站制作,長春做網站公司,長春建網站公司,長春網絡公司,長春網站公司,http://www.new7d.com/