上面我用CSS写的一个DIV 高是3像素 但是出现这样的 我不知道怎么办了 大家帮我下。
width: 780px;
height: 3px;
background-image: url(../images/top_line.gif);
background-repeat: no-repeat;
我就写了一个这个
html 内容
<!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>
<title>无标题</title>
<link rel="home" title="冠宇网" href="http://www.sh123.cn" />
<!--CSS连接-->
<link rel="stylesheet" rev="stylesheet" href="css/style02.css" type="text/css" media="all" />
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<meta name="copyright" content="www.sh123.cn,冠宇软件版权所有" />
<meta name="description" content="百姓生活网,生活常识,百姓信息" />
<meta content="冠宇软件,生活123,百姓生活" name="keywords" />
</head>
<body>
<!--页面顶部TOP部分-->
<div id="top"><div class="tiao"></div><div class="kuangjia"></div></div>
</body>
</html>
CSS内容
BODY {
text-align: center;
font-size: 12px;
margin: 0px;
}
.biankuang {
BORDER-RIGHT: #9fb637 1px solid; BORDER-TOP: #9fb637 1px solid; BORDER-LEFT: #9fb637 1px solid; BORDER-BOTTOM: #9fb637 1px solid
}
.biankuang1 {
BORDER-RIGHT: #FF6600 1px solid; BORDER-TOP: #FF6600 1px solid; BORDER-LEFT: #FF6600 1px solid; BORDER-BOTTOM: #FF6600 1px solid
}
TD {
FONT-SIZE: 12px; LINE-HEIGHT: 18px; FONT-FAMILY: "Arial", "Helvetica", "sans-serif";
}
FORM {
MARGIN: 0px
}
.line {
BORDER-BOTTOM: #999999 1px dashed
}
.text-color-orange {
COLOR: #ff6600
}
A:link {
COLOR: #000000; TEXT-DECORATION: none
}
A:visited {
COLOR: #000000; TEXT-DECORATION: none
}
A:hover {
COLOR: #ff6600; TEXT-DECORATION: underline
}
.link-red:link {
COLOR: #ff0000; TEXT-DECORATION: underline
}
.link-red:visited {
COLOR: #ff0000; TEXT-DECORATION: underline
}
.link-red:hover {
COLOR: #ff0000; TEXT-DECORATION: none
}
.link-purple:link {
COLOR: #492e9d; TEXT-DECORATION: none
}
.link-purple:visited {
COLOR: #492e9d; TEXT-DECORATION: none
}
.link-purple:hover {
COLOR: #492e9d; TEXT-DECORATION: underline
}
.link-gray:link {
COLOR: #666666; TEXT-DECORATION: underline
}
.link-gray:visited {
COLOR: #666666; TEXT-DECORATION: underline
}
.link-gray:hover {
COLOR: #fa4581; TEXT-DECORATION: none
}
.link-blue:link {
COLOR: #336699; TEXT-DECORATION: underline
}
.link-blue:visited {
COLOR: #336699; TEXT-DECORATION: underline
}
.link-blue:hover {
COLOR: #000000; TEXT-DECORATION: none
}
.link-rosy:link {
COLOR: #f21c63; TEXT-DECORATION: underline
}
.link-rosy:visited {
COLOR: #f21c63; TEXT-DECORATION: underline
}
.link-rosy:hover {
COLOR: #000000; TEXT-DECORATION: none
}
/*======上边框=====*/
#top {
width:780;
height:26;
}
#top .tiao {
width: 780px;
height: 3px;
background-image: url(../images/top_line.gif);
background-repeat: no-repeat;
margin: 0px;
padding: 0px;
}
#top .kuangjia {
width: 778px;
height: 21px;
background-color: #F7F7F7;
border: 1px solid #E4E4E4;
}
