网页设计修改背景_制作网页如何改变背景颜色

1、制作网页如何改变背景颜色？

打开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">

<head>

<title>无标题文档</title>

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">

<head>

<title>无标题文档</title>

body {

background-image: url(10/38.png);

}

</style>

</head>

<body>

</body>

</html>

2、制作网页如何改变背景颜色

<head>
<title></title>
<style type="text/css">
body{background-color:#000;}
</style>
</head>
这是整体改变背景颜色，单独改某个区域的话，用bgcolor这个

3、制作网页的时候怎么设置背景？

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

4、怎么修改网页背景代码

1、用记事本或者Dreamweaver打开.html格式文件就能看到源码
2、ctrl+F搜索background就能找到背景部分的代码
3、修改代码，是要换颜色还是加图片还是背景图片位置这些都可以百度出修改代码

5、html网页制作中如何更改背景图片大小

因背景图片是在css样式里面写的，所以修改的时候只要对应着引入css背景图片的那个样式名，调整背景图片宽度用width:**px; 高度用：height:**px; 多少像素根据你自己的需求来设置；
如果还有其他疑问，请继续追问我；

6、html 网页制作如何设置网页背景色

首先打开电脑上自带的记事本程序，然后输入html网页基本结构语句。<html><body></body></html>

由于css样式必须在标签<head></head>之间，因此我们点击<html>后面，输入<head></head>标签。

在head标签之间输入样式标签<style></style>,然后定义一些属性，例如

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网页制作中如何设置背景图片（如何引用）

1、首先打开Atom编辑器导入项目文件夹，先创建一个index.html的文件。定义一下html文件的主信息：

2、然后填写自己的网页内容，设置一下样式，直接在body后面加上background="图片名字"即可插入图片：

3、最后来到浏览器，刷新一下网页，这样就会显示背景了：

8、html网页制作，如何设置网页背景色？

首先打开电脑上自带的记事本程序，然后输入html网页基本结构语句。<html><body></body></html>

由于css样式必须在标签<head></head>之间，因此我们点击<html>后面，输入<head></head>标签。

在head标签之间输入样式标签<style></style>,然后定义一些属性，例如

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网页格式。双击打开预览效果。

9、网页设计如何设置网页整体背景(要在背景上编辑网页的)急急急！

很简单，直接定义body的css样式，代码如下：

body{
background:url(images/001.jpg) no-repeat top center;
}

/*images/001.jpg 此为图片的相对路径*/

10、DW网页设计如何设置背景图片问题

要把图像放入背景，需要使用 background-image 属性。background-image 属性的默认值是 none，表示背景上没有放置任何图像。

如果需要设置一个背景图像，必须为这个属性设置一个 URL 值：
body {background-image: url(/i/eg_bg_04.gif);}

大多数背景都应用到 body 元素，不过并不仅限于此。

下面例子为一个段落应用了一个背景，而不会对文档的其他部分应用背景：
p.flower {background-image: url(/i/eg_bg_03.gif);}

您甚至可以为行内元素设置背景图像，下面的例子为一个链接设置了背景图像：
a.radio {background-image: url(/i/eg_bg_07.gif);}

理论上讲，甚至可以向 textareas 和 select 等替换元素的背景应用图像，不过并不是所有用户代理都能很好地处理这种情况。

另外还要补充一点，background-image 也不能继承。事实上，所有背景属性都不能继承。

背景重复

如果需要在页面上对背景图像进行平铺，可以使用 background-repeat 属性。

属性值 repeat 导致图像在水平垂直方向上都平铺，就像以往背景图像的通常做法一样。repeat-x 和 repeat-y 分别导致图像只在水平或垂直方向上重复，no-repeat 则不允许图像在任何方向上平铺。

默认地，背景图像将从一个元素的左上角开始。请看下面的例子：

body
{
background-image: url(/i/eg_bg_03.gif);
background-repeat: repeat-y;
}

导航:首页 > 万维百科 > 网页设计修改背景

网页设计修改背景

与网页设计修改背景相关的知识