Question

我正在尝试制作一个300x300像素的小黄色方块，但是用黑色边框说。我用：

<style>
body  {
  background-color: yellow;
  border: 1px solid #000000;
  width: 300px;
  height: 300px;
}
</style>

但这会使整个页面变黄而不仅仅是方形...我该如何解决这个问题？ TY

Answer 1

id标记选择html文档的整个正文。你需要给你的方框class或#box { background-color: yellow; border: 1px solid #000000; width: 300px; height: 300px; }，然后将CSS应用到该方框。

例如：

＆＃13;

<div id="box"></div>

＆＃13;

{{1}}

＆＃13;

Answer 2

你已经适用于身体，这基本上意味着整个页面。在身体上插入DIV。

<强> HTML

.div-class{
  background-color: yellow;
  border: 1px solid #000000;
  width: 300px;
  height: 300px;
}

<强> CSS

$("form")[0].submit();

Answer 3

如果你只想要一个300x300的正方形，你需要为它做一个div

Project Settings -> Libraries -> New Project Library -> From Maven...

现在，您正在将您的风格应用于正文（整页）。这就是为什么整个窗口都是黄色而不是300x300

的原因

Answer 4

您需要将样式应用于div而不是整个身体......

＆＃13;

<div class="square"></div>

＆＃13;

Process.WaitForExit()

＆＃13;

Answer 5

不要使用＆＃34; body＆＃34;，使用＆＃34; div＆＃34;

div  {
  background-color: yellow;
  border: 1px solid #000000;
  width: 300px;
  height: 300px;
}