Question

今天我正在尝试构建我的第一个静态网站。 HTML和CSS代码尚未完成，但CSS似乎没有任何效果。在阅读了一些关于CSS和HTML之后，我仍然没有找到我做错的事。

代码：

  body {
    #box1 {
      background-color: white;
      border: 3px blue solid;
      position: absolute;
      width: 300px;
      height: 50px;
      top: 5px;
      left: 5px;
    }

<!DOCTYPE html>
<html>

<head>
  <link href="new_file.css" type="text/css" rel="stylesheet">
  <title>QuizChallenge</title>
</head>

<body>
  <div id="box1">
    WebQuiz
  </div>

Answer 1

您应该尝试删除body{
它像html一样注意：你只需要放置你想要改变它的元素。

#box1 {
    background-color: white;
    border:3px blue solid;
    position: absolute;
    width: 300px;
    height: 50px;
    top: 5px;
    left: 5px;
}

度过愉快的一天;）

Answer 2

从CSS文件中删除body {'...'}，如下所示：

＆＃13;

#box1 {
  background-color: white;
  border: 3px blue solid;
  position: absolute;
  width: 300px;
  height: 50px;
  top: 5px;
  left: 5px;
}

＆＃13;

<div id="box1">
  WebQuiz
</div>

＆＃13;

CSS工作不正常

2 个答案: