大神们 请问 为什么 main中的rside和lside中的四个小块显示不出来

<!DOCTYPE html>
<html lang="en">
<head>
   <meta charset="UTF-8">
   <title>网页框架</title>
   <style>
       #container
{
           width:1024px;
       }
       #header
{
           height:120px;
           background: pink;
       }
       #main
{
           height:420px;
           background: deepskyblue;
       }
       #lside
{
           width:600px;
           height:420px;
           background: red;
           float: left;
       }
       .four
{
           width: 260px;
           height:160px;
           backgroud:purple;
           margin:10px;
           float:left;
       }
       #rside
{
           width:424px;
           height:420px;
           backgroud:green;
           float:right;
       }
       #footer
{
           height:100px;
           background: yellow;
       }
   </style>
</head>
<body>
<div id="container">
   <div id="header"></div>
   <div id="main">
       <div id="lside">
           <div class="four"></div>
           <div class="four"></div>
           <div class="four"></div>
           <div class="four"></div>
       </div>
       <div id="rside"></div>
   </div>
   <div id="footer"></div>
</div>
</body>
</html>

木子yn
浏览 1402回答 1
1回答

小菜鸟__

显示不出来 是因为你  background 写错了  你少写了一个 n
打开App,查看更多内容
随时随地看视频慕课网APP