导航:首页 > 万维百科 > 网页制作如何设计背景颜色

网页制作如何设计背景颜色

发布时间:2021-01-10 23:59:39

1、网页设计表格背景颜色

可以用background

body
  { 
  background: #00FF00 url(bgimage.gif) no-repeat fixed top;
  }

定义和用法

background 简写属性在一个声明中设置所有的背景属性。

2、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"的优势所在,可以定义个性风格。

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、制作网页的时候怎么设置背景?

设置背景,请在<body>标签里增加一个class类,这个类写入background-image标签。
例如:{background-image:pictrue.jpg}
pictrue.jpg就是你背景图片的地址,改一下

5、网页制作中使整个网页背景为一个颜色或一张图片的代码怎么写?

设置背景色<body style="background:#CC9999">
</body>

设置背景图片<body style="background-image:url(图片地址)">
</body>

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、如何让设计网页背景颜色

<body bgcolor=#ff0000>
把<body>改成这句就可以了,也可以用css做

与网页制作如何设计背景颜色相关的知识