これらの CSS コードのどこに問題があるのかを突き止めるのを専門家にお願いします。 _html/css

これらの CSS コードのどこに問題があるのかを突き止めるのを専門家にお願いします。 _html/css_WEB-ITnose

WBOY

リリース： 2016-06-21 09:42:15

オリジナル

1040 人が閲覧しました

background属性失灵了

html代码是：

模板

left_side

content

right_side

css代码是：
body {
margin:0;
パディング:0;
}
/*头部部分*/
.header{
width:900px;
背景色:#808080;
境界線:1 ピクセルの赤一色。
高さ:100ピクセル;
マージン:1px 自動;
}
/*菜单部分*/
.menu{
width:900px;
背景色:#669933;
境界線:1 ピクセルの黒の実線。
高さ:30ピクセル;
マージン:1px 自動;
}
.menu ul{
margin:0px;
パディング:0px;
表示:ブロック;
}
.menu ul li{
margin: 0;
パディング: 0;
フロート:左;
list-style-type:none;
高さ:30ピクセル;
フォントの太さ:太字;
行の高さ:30px;
パディング:0px 10px 0px 20px;
}
a:link{
text-decoration:none;
}
.menu ul li a span{
float:left;
表示:ブロック;
背景: 赤;
行の高さ:30px;
幅:80ピクセル;
}
.menu ul li a:hover span{
float:left;
表示:ブロック;
背景: #49A3FF;
色:#ffffff;
}
/*中间部分*/
.main{
width:900px;
境界線:1 ピクセルの黒の実線。
背景色:#8080ff;
マージン:0 自動;
}
.leftside{
float:left;
幅:150ピクセル;
背景色:緑;
境界線:1 ピクセルの赤一色。
高さ:300ピクセル;
マージン:10px 1px;
}
.content{
float:left;
幅:588ピクセル;
背景色:#8080ff;
境界線:1 ピクセルの赤一色。
高さ:430ピクセル;
マージン:1px 1px;
}
.rightside{
float:left;
幅:150ピクセル;
背景色:#228080;
境界線:1 ピクセルの赤一色。
高さ:200ピクセル;
マージン:10px 1px;
}
/*底部*/
.footer{
width:900px;
背景色:青;
境界線:1 ピクセルの赤一色。
高さ:50ピクセル;
マージン:1px 自動;
}
.clear{
クリア:両方;
}}

我我的的的的每每每每个菜单菜单的背景图背景图是张张图片、当当当当当当当背景图换换成色が悪く、画像を置き換えることができません。background:url("1.png") プロパティを確認しましたが、このプロパティが失われています。
回复讨论(解决方案)