Question

HTML：

<html>
<head>
    <link rel="stylesheet" type="text/css" href="style.css">
</head>
<body>
    <div id= "body">
        Hello
        <div id= "notr">
            <div id="slika">
            </div>
            <div id="besedilo">
            </div>
        </div>
    </div>
</body>
</html>

CSS：

body {
    background-color: brown;
    font-family: "comic sans ms";
    border: 1 solid black;
    font-size: 200%;
}

notr {
    border: 1 solid black;
    height: 20px;
    width: 30px;
}

Div名称“notr”是我看不到的问题。页面应如下所示：

http://shrani.najdi.si/?3L/x5/3gUJm56s/sa.jpg

“Notr”是div应该是浅褐色的Div

Answer 1

使用CSS，您需要标记ID如下：

#notr {
    border:1px solid black;
    height:20px;
    width:30px;
}

如果没有#，它正在寻找一个标签，例如<notr>，这显然不是您想要的。抬头，我也冒昧地纠正了你的border语法...你需要包含一个度量单位（px，em或rem），所以它将是1px solid black。

修改

它与body（div的父级）具有“相同背景颜色”的原因是因为默认情况下div具有background-color:transparent;。如果你想给它一个不同的颜色，尝试这样的事情：

#notr { background-color:white; border:1px solid black; height:20px; width:30px; }

瞧......好奇，它是一种不同的颜色。 ;）Even have a jsFiddle to prove it!

其他编辑

看看你的答案，“Notr”是div应该是浅褐色的Div 。那么它不应该在身体兄弟！

body { font-family: "comic sans ms"; font-size: 200%; } #notr { background-brown; border:1px solid black; height:20px; width:30px; }

Here is a second jsFiddle，我认为这会给你想要的东西。

Answer 2

一些小问题。

1）在#

之前，您必须在CSS中的ID选择器前使用notr符号

2）不确定这是否仅仅是我的编码实践，但我总是在css中指出一个测量单位 - 例如，你使用“1 solid black”设置边框我将使用“1px solid black”

#notr {
    border:1px solid black;
    height:20px;
    width:30px;
}

演示jsFiddle：http://jsfiddle.net/4F5WA/

Answer 3

<div id="body">Hello
    <div id="notr">
        <div id="slika"></div>
        <div id="besedilo"></div>
    </div>
</div>

body {
    background-color:brown;
    font-family:"comic sans ms";
    border: 1 solid black;
    font-size:200%;
}
#notr {
    border:1px solid black;
    height:20px;

    width:30px;
}

Fiddle

你的两个错误，在css文件中应该是#notr和border:1px solid black;检查小提琴

CSS div没有显示出来

3 个答案: