當前位置:首頁 » 高清圖片 » 網頁設計背景圖片
擴展閱讀
女生和渣男搞笑圖片 2023-08-31 22:07:09
嘻嘻長什麼樣圖片 2023-08-31 22:06:10

網頁設計背景圖片

發布時間: 2022-04-10 23:46:45

❶ 網頁設計如何將一張圖片作為網頁背景圖片

給裝圖片的div一張背景圖,比如下面代碼:
div{background:url(圖片路徑) no-repeat;background-size:100%;}
背景圖片百分百顯示,no-repeat意思是不重復顯示

❷ DW網頁設計如何設置背景圖片問題

你可以弄個三行的的表格啊,寬設成百分之百,然後最頂上那個表格用上面的背景,最底下的表格用下面的背景中間就用你說的平鋪的背景,這樣就滿足了

❸ 網頁背景圖片怎麼設置

1、首先打開Atom編輯器導入項目文件夾,先創建一個index.html的文件。定義一下html文件的主信息,如下圖所示:

設計注意:

1、配色問題 一個網頁的色彩最好不要超過3種,一面視覺效果混亂,用色柔和,對比度強的色彩不能應用於一般網站,時尚網站使用還可以。一般不好搭配的顏色,用灰度搭配。

2、字體問題

很重要的一個問題,用標准字標准色,這是一個規范,行距一般控制在20px左右,不要太小,也不要太大,自己大小注意,中文12px,英文11px或者10px。

3、布局規范

布局是非常重要的,考慮客戶瀏覽習慣以及他們想展現的內容,並且優化。一個網頁,如果布局不合理的話不但影響瀏覽,而且非常難看。

❹ html網頁設計裡面怎麼平鋪背景圖片

html網頁設計裡面平鋪背景圖片的代碼如下:
<html>
<body>
<div id="Layer1" style="position:absolute; left:0px; top:0px; width:100%; height:100%">
<img src="pictures/background.jpg" width="100%" height="100%"/>
</div>
</body>
</html>
網頁背景默認是平鋪整個屏幕的,可能有以下原因導致不能平鋪:

1、圖片不夠大,又background屬性不能拉伸圖片;
2、只能用個div,把其z-index值設為負,並使這個div大小為整個body大小,在div里用<img> ;
3、body的background屬性去掉,要不然會被遮住。

❺ 正常網頁製作背景圖片應該多大

1、背景最好是能夠做到自動延伸,現在的顯示器是越來越大,解析度也慢慢的變大了,現在用1600*900解析度的也不少,我的就是,當然也有人用1280*768、1024*768等,所以網頁設計的背景一般是不會設計成固定尺寸的,你可以做成可循環平鋪的圖片或者漸變顏色,直接是一種顏色那就更方便了;

2、其實網頁設計一般所說的尺寸指的是主體框架的尺寸,就拿現在這個網路知道的頁面距離,中間的主體部分無論是瀏覽器怎麼伸展,主體內容的寬度是保持不變的,我查看了一下css代碼,這個主體框架的寬度是980px;

3、你設計的時候把主體部分設置成980-1000px就差不多了,畢竟現在使用1024*768解析度以下的人已經畢竟少了。

❻ 網頁設計背景圖片時怎麼使圖片不重復平鋪

.tabbg {
background-attachment: scroll;
background-image: url(images/tabbg.gif);
background-repeat: no-repeat;
background-position: left bottom;
}

調用:class="tabbg"

注意:CSS代碼中的background-position: left bottom;就是定義背景圖片的位置為左下,可根據具體需要做調整,如右上right top;左上left top;右下right bottom;等等。

如果想不重復,背景圖要大點哦

❼ html網頁設計裡面怎麼平鋪背景圖片

html設置背景圖片平鋪方法,實際上平鋪有多種方法,但是因為圖片的大小不同,需要不同形式的平鋪,這里介紹下方法。

1、首先新建一個html文檔,如圖所示。

❽ html網頁製作中如何設置背景圖片(如何引用)

1、首先打開Atom編輯器導入項目文件夾,先創建一個index.html的文件。定義一下html文件的主信息:

❾ 怎麼樣用CSS製作網頁背景圖片

網頁的整體背景是在<head></head>之間定義的!
只要把此代碼放在<head><style
type="text/css">background:ulr(../images/tupian.gif)括弧里換成你自已的圖片地址.</style></head>之間即可.