Question

好的，所以Codecademy给了我这个代码，用div和background-colors创建看起来像盒子的东西：

<!DOCTYPE html>
<html>
    <head>
        <link type="text/css" rel="stylesheet" href="stylesheet.css"/>
        <title>Result</title>
    </head>
<body>
    <div></div>
</body>
</html>

和css ......

div {
     background-color: #cc0000;
     height: 100px;
     width: 100px;
}

工作得很好。我有一个红色的盒子。之后我试着自己做，但它不起作用。我的代码几乎完全相同，但不知道发生了什么。这是我的：

<!DOCTYPE HTML>
<html>
    <head>
        <link type="text/css" rel="stylesheet" href"boxes.css"/>
        <title> Boxes </title>
    </head>
    <body>
        <div></div>
    </body>


</html>

css ...

div {
    background-color: #2D1132;
    height: 100px;
    width: 100px;
}

如果有人能解释我如何能够做出这样的工作，那就太棒了！

Answer 1

您尚未正确引用样式表。

<link type="text/css" rel="stylesheet" href"boxes.css"/>

应该是：

<link type="text/css" rel="stylesheet" href="boxes.css"/>

我的div框没有出现，我做错了什么？

1 个答案: