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

网页设计背景颜色

发布时间:2021-01-28 02:17:42

1、css设置背景颜色了,为啥没出来,在设计里有,在网页中就没有?求解

部分情况下不排除代码不规范造成的IE浏览器不兼容问题,你可以使用下谷歌浏览器、火狐浏览器进行下对比,另外也可能有布局不合理的情况,可以参考下下面的情况:

背景颜色不显示的原因主要有以下几个方面: 

1. css没有被调用 

2. div的高度没有固定,是auto、没有设值或者高度不够 

3. div被嵌套 

4. div代码不规范

解决办法: 

- DIV高度为自动,背景颜色无法显示,在代码中将原代码height:auto; 改为height:100%; overflow:hidden;!important;同时还可以兼容 IE6、7、8和谷歌火狐。 

- 假设对一个对象设置了background背景颜色样式,该对象内部盒子有使用float浮动属性样式,这个时候该对象浮动产生,导致该对象不能撑开,所以css背景颜色就不能无法显示,解决方法有三种,一个是设置clear清除浮动、设置css高度、设置css overflow样式。 

- 高度限制造成了背景颜色不能显示完整,假如你有个对象没有计算好高度(或无意设置了一个很小高度属性样式),因为不确定内容有多少,当内容超过你设置高度限制,这个时候超出部分背景就可能无法显示。设置够高的高度,或取消删除高度样式即可。

案例:

<div style="width:960px;background-color:#000000">
    <div  style="width:300px; height:200px; float:left">左侧</div>
    <div  style="width:300px; height:200px; float:left">中部</div>
    <div  style="width:360px; height:200px; float:left">右侧</div>
</div>

因为外层的div没有设置高度,所以设置如上代码之后,看到的是三个透明的方框, 

正确代码如下:
<div style="width:960px; height:200px;background-color:#000000">
    <div  style="width:300px; height:200px; float:left">左侧</div>
    <div  style="width:300px; height:200px; float:left">中部</div>
    <div  style="width:360px; height:200px; float:left">右侧</div>
</div>

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、网页设计后台怎么换背景颜色

你可以在根目录下找到样式表文件(.css);然后在
body{
background:#000000;(这就是整个页面最回底层的答颜色了)

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

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

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

可以用background

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

定义和用法

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

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

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

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

7、如何设置网页背景颜色

第一步, 在桌面上点击鼠标右键,依次点击“属性”、“外观”、“高级”按钮。

第二步, 在打开的“高级”对话框中,在“项目”下拉列表里选择“窗口”。

第三步, 再打开右边对应的“颜色”列表,选择其中的“其他”一项,在打开的对话框里,把“色调”的参数设置为85,把“饱和度”参数设置为90,把“亮度”参数设置为205。再点击“确定”退出设置。

第四步,打开ie浏览器,选择“工具”栏中的“internet选项”,点击“辅助功能”按钮,在“不使用网页中指定的颜色”前打钩。
全部步骤完成后,网页、文件夹、文本文档里的背景颜色都变成了绿色。其中,色调、饱和度和亮度的参数值,还可以根据个人的喜好稍作修改,让自己用电脑的候最舒服。

与网页设计背景颜色相关的知识