初學者需要幫助w/html：列表和圖像沒有顯示

<!DOCTYPE html> 
<html> 
<head> 
    <link rel="stylesheet" href="main.css"> 
</head> 
<body> 
    <div class="nav"> 
     <ul> 
       <li><a href="#">Rooms</a></li> 
       <li><a href="#">Food</a></li> 
       <li><a href="#">Events</a></li> 
       <li><a href="#">Offers</a></li> 
     </ul>  
    </div> 
    <div class="jumbotron"> 
     <h1> Welcome</h1> 
     <p>Enjoy your stay</p> 
    </div> 
</body> 
</html> 

.nav li{ 
    color: #5a5a5a; 
    font-size: 11px; 
    font-weight: bold; 
    padding: 14px 10px; 
    text-transform: uppercase; 
    display:inline; 
    list-style-type:none; 
    } 

.jumbotron{ 
    background-image:url(http://4.bp.blogspot.com/-NPN-yWZyRIM/T4jMz_3o0SI/AAAAAAAAAAA/LGEgW7642Rs/s1600/Greenlake_Room-Greenlake-01-1061468546-O.jpg'); 
    height:300px; 
    }

當我運行代碼時，我的ul和背景圖像不顯示。請幫助，我是初學者。初學者需要幫助w/html：列表和圖像沒有顯示

無視：........................................... .................................................. ............................

來源

2014-07-14 user3835803

你錯過了這一行業的行情

background-image:url(http://4.bp.blogspot.com/-NPN-yWZyRIM/T4jMz_3o0SI/AAAAAAAAAAA/LGEgW7642Rs/s1600/Greenlake_Room-Greenlake-01-1061468546-O.jpg');

爲了儘可能予以糾正

background-image:url('http://4.bp.blogspot.com/-NPN-yWZyRIM/T4jMz_3o0SI/AAAAAAAAAAA/LGEgW7642Rs/s1600/Greenlake_Room-Greenlake-01-1061468546-O.jpg');

來源

2014-07-14 06:56:38

+1你到了那裏我前面的:) – alfasin

的給予好評，將有助於:) –

感謝！有關UL什麼請和由於某些原因，仍沒有圖像顯示 – user3835803

您在圖像URL的beggining錯過的單引號

試試這個

background-image:url('http://4.bp.blogspot.com/-NPN-yWZyRIM/T4jMz_3o0SI/AAAAAAAAAAA/LGEgW7642Rs/s1600/Greenlake_Room-Greenlake-01-1061468546-O.jpg');

來源

2014-07-14 06:59:53 next2u

初學者需要幫助w/html：列表和圖像沒有顯示

回答

相關問題