Question

我想要＆＃34; Check Out＆＃34;显示在CSS框中，但我无法做到这一点。这是我的代码：

<!DOCTYPE html>
<html lang="en">

<head>
<title>Box</title>
</head>

<style>
.boxed {
    width: 200px;
    padding: 5px;
    border: 5px blue;
    margin: 0;
}

.shadow {
position: relative;
max-width: 270px;
box-shadow: 1px 1px 1px rgba(0,0, 0, 0.2)
}
</style>
<body>
<div class="boxed">Check Out</div>
</body>

Answer 1

样式标签位于头部标签内。
就像Brendan提到的那样，你错过了关闭的html标签。
此外，对于您刚刚拥有的边境
```
.boxed { border: 5px blue; }
```

您需要指定哪种类型的边框，例如实线，点缀，虚线？

所以我添加了

.boxed { border: 5px solid blue; }

<!DOCTYPE html>
    <html lang="en">
    <head>
    <title>Box</title>
    <style>
    .boxed {
        width: 200px;
        padding: 5px;
        border: 5px solid blue;
        margin: 0;
    }
    
    .shadow {
    position: relative;
    max-width: 270px;
    box-shadow: 1px 1px 1px rgba(0,0, 0, 0.2)
    }
    </style>
    </head>
    <body>
    <div class="boxed">Check Out</div>
    </body>
    </html>

Answer 2

您需要声明边框的第三部分。边框是线条粗细（px）颜色，类型：虚线，实线，透明和许多其他颜色。谷歌吧。

Answer 3

div是可见的。你唯一想念的是一个背景（漂亮，漂亮），也许如果你在屏幕上看不到它是因为它的显示，位置，大小等。

如果你想看到它，请转到http://jsfiddle.net/rgqfjb1v/

还要检查您是否有最后一次</html>

我还为边框添加了实体，例如：border: 5px solid blue;

'你错过了固体选项'

我无法在我的HTML网页中显示一个CSS框，我应该做出哪些更改？

3 个答案: