導航:首頁 > 萬維百科 > 網頁設計背景圖片右下角

網頁設計背景圖片右下角

發布時間:2021-02-15 03:11:33

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

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

2、然後填寫自己的網頁內容, 設置一下樣式,直接在body後面加上background="圖片名字"即可插入圖片:

3、最後來到瀏覽器,刷新一下網頁,這樣就會顯示背景了:

2、網頁設計背景圖片代碼。

||

比如

root
  |- images
  |   |-- 1.jpg
  |- page
  |      |--css
  |          |--main.css
  |   |-- 1.html
  |      |--  2.html

比如這樣的

想在1.html中使用1.jpg,<img src="../images/1.jpg" />

main.css中使用的話,可以background:url(../../images/1.jpg);

3、網頁設計中的背景圖片設置

他這個圖片應該是加在body上的,然後你想要的效果拉動瀏覽器 然後圖片跟著變化是吧,,那就是頁面自適應,那將圖片的width設置為20% 這種百分制的就可以了!!
希望能幫到你!!!

4、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屬性去掉,要不然會被遮住。

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

要把圖像放入背景,需要使用 background-image 屬性。background-image 屬性的默認值是 none,表示背景上沒有放置任何圖像。

如果需要設置一個背景圖像,必須為這個屬性設置一個 URL 值:
body {background-image: url(/i/eg_bg_04.gif);}

大多數背景都應用到 body 元素,不過並不僅限於此。

下面例子為一個段落應用了一個背景,而不會對文檔的其他部分應用背景:
p.flower {background-image: url(/i/eg_bg_03.gif);}

您甚至可以為行內元素設置背景圖像,下面的例子為一個鏈接設置了背景圖像:
a.radio {background-image: url(/i/eg_bg_07.gif);}

理論上講,甚至可以向 textareas 和 select 等替換元素的背景應用圖像,不過並不是所有用戶代理都能很好地處理這種情況。

另外還要補充一點,background-image 也不能繼承。事實上,所有背景屬性都不能繼承。

背景重復

如果需要在頁面上對背景圖像進行平鋪,可以使用 background-repeat 屬性。

屬性值 repeat 導致圖像在水平垂直方向上都平鋪,就像以往背景圖像的通常做法一樣。repeat-x 和 repeat-y 分別導致圖像只在水平或垂直方向上重復,no-repeat 則不允許圖像在任何方向上平鋪。

默認地,背景圖像將從一個元素的左上角開始。請看下面的例子:

body
{
background-image: url(/i/eg_bg_03.gif);
background-repeat: repeat-y;
}

6、網頁設計背景圖片顯示不出來

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>無標題文檔</title>
</head>

<body background="背景圖片地址">
</body>
</html>

7、html網頁製作中,把圖片放在左下方怎麼做

用嵌套的div來相對定位:
<div id="beijing" style="background-image:url(image/bg/nav_blue.gif); width:400px; height:200px;"><div style="margin-left:100px; margin-top:50px; border:#F00 solid 1px; width:80px; height:40px;"></div></div>
上面是個例子
下面的代碼解釋 :
margin-left:100px;就是距離背景層版左邊的距離為權100像素,
margin-top:50px; 就是距離背景層上邊的距離為50像素;
如果你想把圖放到左下方的地方,
就用margin-left:100px;
右邊的話就用margin-right:100px;
代碼第一行打括弧的地方就是放圖片鏈接的
自己拿去再稍加琢磨,應該很快就可以搞定了!
htm代碼其實很容易懂的!
祝你成功吧

8、HTML網頁設計的背景圖片設置問題,在線求解

這應該是不行的 ,因因為你分了框架之後,左右兩邊是兩個不同的頁面,背景圖肯定不能共用一張的,解決辦法應該是把你的背景圖片分成兩半,一邊放一半

9、網頁設計 背景圖片

在那個框架里圖片的長寬也做成100% 圖片要做大現在是600*400 把它做成1800*1200要不光是圖片沒辦法是 只有FLASH能實現

與網頁設計背景圖片右下角相關的知識