简单CSS帮助一下

html-css08

简单CSS帮助一下,第1张

问题就是你的css失效。

本来你页面就没有文字内容,

你显示颜色都是css控制,

而你css的路径用绝对路径,

你网站路径都没配置好,

所以其实找不到css.css这个文件。

不信的话你在index.html加文字,能看到那文字;

修正:

你把css.css和index.html放在同一个文件夹同一个目录,

<link href="/css.css" rel="stylesheet" type="text/css" />

改为

<link href="css.css" rel="stylesheet" type="text/css" />

就OK了

如上所说#47a是背景色,但这里用的是简写,全写是:#4477aa

10px 10px

是距离左边,上边10px。

---------------------

PS:

background: #47a url(images/arrow.gif) no-repeat 10px 10px

这条是背景的简写,全写为:

background-color:#47a

background-image:url(images/arrow.gif)

background-repeat:no-repeat

background-position:10px 10px

还有在简写是省略了的属性:

background-attachment:scroll

直接修改你的样式了, 当我们固定了一个DIV的宽和高里,再对这个DIV应用Padding时,要减去Padding的值,下面这个Padding:10PX,就是上下左右各10PX,那么,原来890高和1000宽,要各减去20PX,这样DIV才不会溢出原来大小。

#db {

background-color: #c4003f

height: 870px

width: 980px

padding:10px

margin:0px auto

}

#db2 {

background-color: #fdf2e9

height: 870px

width: 980px

}

HTML:

<div id="db"><div id="db2"></div></div>

希望我的回答对你有帮助。

其实你的这个效果还可以这样做:

#db {

background-color: #fdf2e9

height: 870px

width: 980px

border:10px #c4003f solid

margin:0px auto

}

HTML:

<div id="db"></div>