1、網頁製作網頁中,如何讓背景圖片在任何電腦顯示頻上看都是滿屏,寬度剛好的?(沒有左右滾動條的)
css代碼:
background-repeat:repeat;
background-repeat是針對背景平鋪的屬性設置,可選的值包含:
repeat 即默認方式,完全平鋪背景;
no-repeat 在X及Y軸方向均不平鋪;
repeat-x 橫向平鋪背景;
repeat-y 縱向平鋪背景。
2、網頁設計中怎麼讓一張圖片填充滿整個畫面 ?
1、如果樓主只是將其當做一張圖片顯示,可以通過css控制,如img{width:100%;height:100%;}.
否則需要將其作為網頁背景的話可以試試如下方法:
2、如果這張圖片為背景圖片由於背景圖片不具有伸縮性,只能通過別的方法繞著解決,在ie中可以用<body
style="filter:progid:dximagetransform.microsoft.alphaimageloader(src='1.jpg',sizingmethod='scale')">,實現背景拉伸鋪滿整個瀏覽器,但其它的瀏覽器不支持。
這時可以拐個彎,設置兩層div,底層div當做背景使用,放置一張圖片即可。
<div id="background" style="position:absolute;z-index:-1;width:100%;height:100%;top:0px;left:0px;"><img src="1.jpg" width="100%" height="100%"/></div>
再將網頁內容放置到第二層上<div id="content">頁面內容</content>
3、網頁背景圖片默認情況下是重復平鋪滿整個頁面。上面2方法是要求圖片不重復,但又得占滿瀏覽器所採用的方法。
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屬性去掉,要不然會被遮住。
4、forntpage2003網頁製作,如何把一張圖片鋪滿全屏?
在forntpage中,用一張圖片鋪滿一個網頁或「充滿」整個表格的操作方法一樣。
1、如果您的這個網頁本來就是一個大表框,現在要用這張圖片鋪滿整個網頁的話,那您就用滑鼠右鍵點擊這個網頁,在彈出的快捷菜單中選點「表格屬性」,切換出「表格屬性」對話框中找到「背景」選項欄,其中有「顏色」和「使用背景圖片(U)」兩個選項,您就在「使用背景圖片(U)」前面復選框中點擊打鉤,在「使用背景圖片(U)」下方命令欄的右邊點擊「瀏覽(B)」,在彈出的「選擇背景圖片」選項框中找到並選中您原來製作保存的那張圖片,然後點擊選項框下方的「確定」,這張圖片就以背景圖片插入並填滿整個網頁,這應該是沒有問題的,如果不行,再按照下面第2「單元格屬性」的方法操作。
2、如果是在網頁(大表框)中又插入一個表格(不管這個表格多大多小),現在要用一張圖片填滿這個表格作為背景,那您就右擊這個表格,在快捷菜單中選點「單元格屬性」,在「單元格屬性」對話框中,同樣有「背景」選項欄,操作方法同上。它的效果是填滿您這個大表框(或者就是整個網頁的大框框)中一個表格。
需要注意的是,您要確定右鍵點中了網頁大大表框或者是大表框中的某個表格,另外您的圖片格式一定要正確。試試看,如果您製作的圖片格式沒有問題的話,按我說的做吧,一定成功!
5、用Dreamweaver8設計網頁,怎樣使背景圖片鋪滿全屏?
在body裡面設背景,
body{ background:url(圖片地址) 0 0 repeat;}
但是圖片會向X,Y兩邊拉伸,如果圖片尺寸較小會很補美觀;
推薦方案:1.背景圖片的尺寸做的盡量大一點
2.背景圖片的外面可以做成漸變到某個色系,然後body設置背景色
body{ background:#000 url(圖片地址) 0 0 repeat;}
6、網頁設計中使用全屏照片有哪些注意點
1、圖片質量.
眾所周知圖片在網頁設計中的重要作用,精美的圖片配之以絕妙的文案能給網站獲得漂亮的加分。而作為全屏背景的照片只有足夠精彩漂亮才會給用戶留下深刻印象,所以設計師在選擇照片時要注意圖片的質量問題。此外還要重視圖片展示的內容與網站主題的相關性,於此網站的主題內容才會在第一時間傳達給訪問用戶。
網頁設計中使用全屏照片有哪些注意點.
2、注意排版.
網頁設計中,使用全屏照片做為網站背景固然簡潔漂亮,干凈利落之餘設計師需更要考慮到整個網頁的布局,如何在大幅照片上進行排版,設置欄目,與照片背景顏色不產生沖突,又不影響用戶的閱讀體驗。
3、切圖.
設計師在使用全屏大圖時,需要注意背景不能太大,否則切出的背景太大會導致網站打開速度變得緩慢。此外需要注意的是,由於用戶習慣的差別,使用的瀏覽器也有所差別,設計師在切圖時需要綜合考慮各瀏覽器的兼容性問題,以及電腦的顯示屏大小問題,保證用戶在打開網站時,圖片能自動適應各種瀏覽器以及不同尺寸的顯示屏。
在網站建設中,使用全屏照片作為網站背景不僅簡化了網站的復雜樣式,還可利用大幅照片以提升網站的感染力。
本文是 成都網站建設公司、成都網站設計製作公司、成都APP開發公司、 成都響應式網站建設、成都VR全景製作-桔子科技公司為您整理!
7、網頁設計中圖片的解析度是多少
圖片的解析度在不同的地方是不一樣的 網頁設計為72DPI 寫真為152 2樓說的都對
8、設計網頁時如何讓圖片鋪滿網頁?
如果你的圖片尺寸不小的話,點頁面屬性,把頁面的邊距都設置為0
9、設計網頁的時候,怎樣讓圖片在不同的解析度和顯示器下都是滿屏顯示的?寬度的尺寸是多大?
在DW軟體的菜單欄中選擇「修改」,打開修改選項卡;
然後選擇「頁面屬性」,彈出頁面屬性面板;
在屬性面板左側「分類」欄中選擇「外觀」;
然後將左邊距、右邊距、上邊距、下邊距的值都設置為0就可以了。
應該所有電腦都會默認滿屏顯示的,如果同時想手機、平板電腦都為滿屏顯示,就要進行」多屏幕「設置。我也是學習中,有什麼不對的地方求指正,希望可以幫到你。