导航:首页 > 万维百科 > 网页设计中怎么换页面背景

网页设计中怎么换页面背景

发布时间: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;(这就是整个页面最回底层的答颜色了)

与网页设计中怎么换页面背景相关的知识