0
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>
CSS :
.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;
}
것은 내가 어떤 인터넷 브라우저에서 실행을 클릭하면, 내 목록 및 배경 이미지가 표시되지 않습니다 ++ 메모장을 사용. 제발 초보자입니다.
당신의 코드를 실행할 때 작동하기 때문입니다. 이것을 확인하십시오 http://fiddle.jshell.net/dkLft/ – Haris
메모장이나 브라우저를 사용하여 코드를여시겠습니까? 아니면 둘다 ? –