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没有设置高度,所以设置如上代码之后,看到的是三个透明的方框,
正确代码如下: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 简写属性在一个声明中设置所有的背景属性。
6、网页制作中使整个网页背景为一个颜色或一张图片的代码怎么写?
设置背景色<body style="background:#CC9999">
</body>
设置背景图片<body style="background-image:url(图片地址)">
</body>
7、如何设置网页背景颜色
第一步, 在桌面上点击鼠标右键,依次点击“属性”、“外观”、“高级”按钮。
第二步, 在打开的“高级”对话框中,在“项目”下拉列表里选择“窗口”。
第三步, 再打开右边对应的“颜色”列表,选择其中的“其他”一项,在打开的对话框里,把“色调”的参数设置为85,把“饱和度”参数设置为90,把“亮度”参数设置为205。再点击“确定”退出设置。
第四步,打开ie浏览器,选择“工具”栏中的“internet选项”,点击“辅助功能”按钮,在“不使用网页中指定的颜色”前打钩。
全部步骤完成后,网页、文件夹、文本文档里的背景颜色都变成了绿色。其中,色调、饱和度和亮度的参数值,还可以根据个人的喜好稍作修改,让自己用电脑的候最舒服。