1、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"的優勢所在,可以定義個性風格。
2、網頁設計中像這樣的背景怎麼設置的?
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<!-- saved from url=(0020)http://hi.baidu.com/ -->
<HTML><HEAD><TITLE>百度空間--我的空間,我的家:博客、相冊、交友</TITLE>
<META http-equiv=content-type content="text/html; charset=gb2312">
<STYLE>
.t3 TD {
FONT-SIZE: 14px; BACKGROUND: url(https://gss0.bdstatic.com/70cFsjip0QIZ8tyhnq/hi/img/t3c.gif) repeat-x; PADDING-TOP: 5px; HEIGHT: 28px
}
.t3 TD.l {
BACKGROUND: url(https://gss0.bdstatic.com/70cFsjip0QIZ8tyhnq/hi/img/t3l.gif) no-repeat left top; WIDTH: 12px
}
.t3 TD.r {
BACKGROUND: url(https://gss0.bdstatic.com/70cFsjip0QIZ8tyhnq/hi/img/t3r.gif) no-repeat right top; WIDTH: 12px
}
.t3b TD {
FONT-SIZE: 1px; LINE-HEIGHT: 1px; HEIGHT: 8px
}
.t3b TD.l {
BACKGROUND: url(https://gss0.bdstatic.com/70cFsjip0QIZ8tyhnq/hi/img/t3lb.gif) no-repeat left bottom; WIDTH: 12px
}
.t3b TD.c {
BORDER-BOTTOM: #cceaef 1px solid
}
.t3b TD.r {
BACKGROUND: url(https://gss0.bdstatic.com/70cFsjip0QIZ8tyhnq/hi/img/t3rb.gif) no-repeat right bottom; WIDTH: 12px
}
.b3 {
BORDER-RIGHT: #cceaef 1px solid; PADDING-RIGHT: 0px; BORDER-TOP: #cceaef 0px solid; PADDING-LEFT: 0px; BACKGROUND: url(https://gss0.bdstatic.com/70cFsjip0QIZ8tyhnq/hi/img/b3.gif) repeat-x; PADDING-BOTTOM: 5px; BORDER-LEFT: #cceaef 1px solid; PADDING-TOP: 15px; BORDER-BOTTOM: #cceaef 0px solid
}
</STYLE>
<META content="MSHTML 6.00.3790.0" name=GENERATOR></HEAD>
<BODY>
<CENTER>
<DIV style="WIDTH: 95%">
<TABLE class=t3 cellSpacing=0 cellPadding=0 width="100%" border=0>
<TBODY>
<TR>
<TD class=l> </TD>
<TD class=t>最新相冊</TD>
<TD align=right></TD>
<TD class=r> </TD></TR></TBODY></TABLE>
<DIV class=b3>
<DIV style="WIDTH: 100%">
<TABLE id=objph1 cellSpacing=0 cellPadding=0 width="100%" border=0>
<TBODY>
<TR>
<TD height="50" align=middle vAlign=bottom><DIV class=t></DIV></TD></TR></TBODY></TABLE>
</DIV></DIV>
<TABLE class=t3b cellSpacing=0 cellPadding=0 width="100%" border=0>
<TBODY>
<TR>
<TD class=l> </TD>
<TD class=c> </TD>
<TD class=r> </TD></TR></TBODY></TABLE>
</DIV></CENTER>
</BODY></HTML>
3、網頁製作的背景怎麼設置?
CSS樣式
示例:
body { background:url(images/xxx.jpg)}
4、網頁製作html語言中怎麼設置網頁背景
設置顏色背景嗎?
body{
background-color:red;
}
5、網頁設計後台怎麼換背景顏色
你可以在根目錄下找到樣式表文件(.css);然後在
body{
background:#000000;(這就是整個頁面最回底層的答顏色了)
}