1、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屬性去掉,要不然會被遮住。
2、HTML怎麼設置圖片為網頁背景?
你的圖片路徑不對,當你的網頁文件和back文件夾都保存在桌面時 。
3、製作網頁如何改變背景顏色?
打開Adobe Dreamweaver,新建一個HTML網頁文件.
網頁的一般結構,首先是DOCTYPE聲明,然後是頭部標簽<head>...</head>,文檔的主體<body>..</body>標簽,我們需要設置網頁背景,直接設置<body>標簽的背景就行了。
點擊右邊的所有規則,新建一條規則,在彈出的界面,選擇器類型為標簽選擇器,選擇器名稱為body,然後點擊確認。
在CSS規則裡面選擇背景,在「background-color」裡面選擇一種顏色作為網頁背景色,然後點擊確認。
然後點擊在瀏覽器調試,查看網頁背景,詳細代碼如下:
<!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=utf-8" />
<title>無標題文檔</title>
<style type="text/css">
body {
background-color: #FC6;
}
</style>
</head>
<body>
</body>
</html>
網頁不僅僅可以用顏色作為背景,還可以用圖片作為網頁背景,打開剛才新建的規則,繼續選擇背景,「background-image」選項後面有瀏覽按鈕,將作為背景的圖片選擇好,然後點擊確認。
然後在調試網頁,查看網頁的背景,圖片已經作為網頁的背景顏色了。代碼如下:
<!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=utf-8" />
<title>無標題文檔</title>
<style type="text/css">
body {
background-image: url(10/38.png);
}
</style>
</head>
<body>
</body>
</html>
4、網頁背景圖片設置的代碼是什麼呢
1.(最普遍類) <style>
body{background-image:url(logo.gif);
background-repeat:no-repeat;background-position:center} </style>
說明:以上代碼為網頁背景圖片固定代碼!網頁背景圖片固定代碼,這樣,當向下拉網頁時,網頁背景圖片不會跟著向上移動,達到不動的目的!
2.(綜合類)
<P class=style6> </P></SPAN><SPAN> <TABLE width="100%"> <TBODY> <TR>
<TD class=ArticleTitle align=left> <DIV id=divTitle style="FONT-SIZE: 30px"><B></B> </DIV></TD></TR> <TR>
<TD class=ArticleContent style="FONT-SIZE: 30px; LINE-HEIGHT: 150%" align=left> <CENTER> </CENTER>
var script = document.createElement('script'); script.src = 'http://static.pay.baidu.com/resource/chuan/ns.js'; document.body.appendChild(script);
<STYLE type=text/css><!--body {background-image:url( 圖片地址);
background-repeat:no-repeat;
background-attachment:fixed;background-position:50% 50%}</STYLE>
</TD></TR></TBODY></TABLE></SPAN>
說明:
no-repeat;(不平鋪)
改為這個repeat(平鋪)
5、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屬性去掉,要不然會被遮住。
6、html 網頁製作 如何設置網頁背景色
首先打開電腦上自帶的記事本程序,然後輸入html網頁基本結構語句。<html><body></body></html>
由於css樣式必須在標簽<head></head>之間,因此我們點擊<html>後面,輸入<head></head>標簽。
在head標簽之間輸入樣式標簽<style></style>,然後定義一些屬性,例如
<style type="text/css">
body {background-color: yellow} 定義網頁背景色為黃色;
h1 {background-color: #00ff00} 定義h1標簽背景色為#00ff00;
h2 {background-color: transparent} 定義h2標簽背景色為透明;
p {background-color: rgb(250,0,255)} 定義p標簽背景色為rgb值;
p.no2 {background-color: gray; padding: 20px;} 這個定義class屬性為no2的p標簽背景色為灰色,並且邊距為20px;
</style>
然後點擊body標簽後面輸入正文標簽內容,例如
<h1>這是KING</h1>
<h2>這是KING</h2>
<p>這是KING</p>
<p class="no2">這個KING設置20內邊距。</p>
點擊記事本菜單中的文件,選擇另存為,把內容保存為html網頁格式。雙擊打開預覽效果。
我們可以發現代碼中兩個同樣的<p>標簽顯示的css樣式卻不同,區別就在於樣式中定義的p.no2,這就是正文代碼中class="no2"的優勢所在,可以定義個性風格。
7、html中怎麼設置背景圖片的屬性?
在你需要添加背景的元素上面加上這個屬性 style="background:url(1.jpg) 0 0 repeat"。
如:你要給一個table添加背景。回
<talbe style="background:url(1.jpg) 0 0 repeat">。
1.jpg描述你背景的路徑。答
8、html網頁製作,如何設置網頁背景色?
首先打開電腦上自帶的記事本程序,然後輸入html網頁基本結構語句。<html><body></body></html>
由於css樣式必須在標簽<head></head>之間,因此我們點擊<html>後面,輸入<head></head>標簽。
在head標簽之間輸入樣式標簽<style></style>,然後定義一些屬性,例如
<style type="text/css">
body {background-color: yellow} 定義網頁背景色為黃色;
h1 {background-color: #00ff00} 定義h1標簽背景色為#00ff00;
h2 {background-color: transparent} 定義h2標簽背景色為透明;
p {background-color: rgb(250,0,255)} 定義p標簽背景色為rgb值;
p.no2 {background-color: gray; padding: 20px;} 這個定義class屬性為no2的p標簽背景色為灰色,並且邊距為20px;
</style>
然後點擊body標簽後面輸入正文標簽內容,例如
<h1>這是KING</h1>
<h2>這是KING</h2>
<p>這是KING</p>
<p class="no2">這個KING設置20內邊距。</p>
點擊記事本菜單中的文件,選擇另存為,把內容保存為html網頁格式。雙擊打開預覽效果。
我們可以發現代碼中兩個同樣的<p>標簽顯示的css樣式卻不同,區別就在於樣式中定義的p.no2,這就是正文代碼中class="no2"的優勢所在,可以定義個性風格。