我无法弄清楚我的HTML代码有什么问题

时间:2015-03-25 00:43:55

标签: html css

我正试图在屏幕上显示一个红色的块。(所有显示的都是文本)我一直在看它半小时的困惑。任何人都可以看到任何错误吗? HTML:

<!DOCTYPE html>
<html>
    <head>
        <title>Yocks</title>
        <link type="text/css" rel="stylesheet" href="skilltest.css"/>
    <head>
    <body>
        <p>I love cool design.</p>
        <div id="orange"></div>
    </body>
</html>

CSS:

div {
    border-radius: 2px;
    height: 50px;
    width: 50px;
    border: 1px solid black;
}

#orange {
    background-color: red;
    height: 50px;
    width: 75px;
    border: 1px solid black;
}

2 个答案:

答案 0 :(得分:0)

正如评论中所述,这个小提琴https://jsfiddle.net/5jqe81a7/有效。检查css是否实际被正确包含(可能与html不在同一个文件夹中)

see code in jsfiddle

答案 1 :(得分:0)

这是工作伙伴。所以你可能遇到的问题 你还没有正确地包括css。链接中有任何错误或您的CSS不在正确的位置。

您还可以尝试从设置中清除浏览器的所有内容。它可能会有所帮助 :)