1、製作網頁時怎麼添加背景圖片
?
2、html網頁製作中如何設置背景圖片(如何引用)
1、首先打開Atom編輯器導入項目文件夾,先創建一個index.html的文件。定義一下html文件的主信息:
2、然後填寫自己的網頁內容, 設置一下樣式,直接在body後面加上background="圖片名字"即可插入圖片:
3、最後來到瀏覽器,刷新一下網頁,這樣就會顯示背景了:
3、網頁設計,div層如何添加背景圖?
是的,如果直接給div寫樣式,確實是所有的div都會應用此樣式;
方法有很多,你可以定義一個樣式名,例如 .cc:{background:#999},所需要添加此樣式的那個div 設置class="cc";
方法二 :你也可以定義一個id然,例如 #dd:{background:#999},給你所需要添加此樣式的那個div設置 id="dd";
明白了嗎?
希望我的回答對你有幫助,望採納。。。謝謝了~~~
4、Dreamweaver製作網頁怎麼添加背景圖片?
建一個新的網頁,然後在下面的屬性欄里找到背景,然後再添加你想要的背景圖片,(前提是,該圖片必須在你的這個站點內)
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、網頁設計DW 怎麼添加背景圖片代碼是多少
不知道你的意思是哪種的背景圖片!
1.假如是整張網頁的背景圖片的話,就是寫body的css樣式 也就是
body { background: url("圖片的地址")}2.一般的假如圖片的話
<img src="圖片的地址">3.一般div塊的地址
7、網頁設計如何將一張圖片作為網頁背景圖片?
給裝圖片的div一張背景圖,比如下面代碼:
div{background:url(圖片路徑) no-repeat;background-size:100%;}
背景圖片百分百顯示,no-repeat意思是不重復顯示
8、html里怎麼插入背景圖片??急
1、插入背景圖片來有兩種方法,一自種是用html的img標簽,另一種是利用css的background標簽插入。具體操作是首先新建一個html文件,寫入兩個div,分別用來演示兩種方法插入標簽:
2、首先是用html標簽插入圖片,這里直接在img標簽中使用src屬性就可以插入圖片路徑就成功了:
3、接著是用css插入,在div中設置class屬性為img2,在script標簽中使用background標簽插入,其中url是標簽的路徑,no-repeat是設置圖片不重復,center是設置照片居中顯示:
4、最後給這些標簽都設置一些樣式,讓它們顯得美觀一些。然後打開瀏覽器查看效果:
5、打開瀏覽器,可以看到照片都顯示出來了。以上就是html插入照片的方法介紹:
9、網頁設計製作,怎麼插入背景圖片?謝謝指教
頁面屬性裡面可以添加
你打開以後看下就知道了
10、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屬性去掉,要不然會被遮住。