Question

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;
    }

使用notepad ++时，在任何互联网浏览器上单击运行时，我的列表和背景图像都不会出现。请帮助我成为初学者。

Answer 1

您的代码非常完美，只需确保在运行文件之前将文件另存为HTML文件，并确保将CSS保存在正确的位置，在您的情况下，保存在html的同一位置。此外，将图像下载到本地PC会更好，因为这样可以更快地加载网站，因为它不需要去获取图像

Notepad ++不显示列表和图像

1 个答案: