導航:首頁 > 萬維百科 > 網頁設計中怎麼換頁面背景

網頁設計中怎麼換頁面背景

發布時間:2021-03-09 22:54:38

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;(這就是整個頁面最回底層的答顏色了)

與網頁設計中怎麼換頁面背景相關的知識