Html 我不知道';我不明白为什么border属性不起作用 身体{ 背景颜色:蓝色; } A. { 背景色:白色; 显示:块; 保证金:自动; 边框颜色:白色; 边框样式:实心; 边界半径:10px; 文本对齐:居中; 边框颜色:黑色; 边界半径:2px; 宽度:400px; 高度:600px; } 报名

Html 我不知道';我不明白为什么border属性不起作用 身体{ 背景颜色:蓝色; } A. { 背景色:白色; 显示:块; 保证金:自动; 边框颜色:白色; 边框样式:实心; 边界半径:10px; 文本对齐:居中; 边框颜色:黑色; 边界半径:2px; 宽度:400px; 高度:600px; } 报名,html,css,Html,Css,我不明白为什么边界属性不起作用,请给我解释一下。 (我删除了基本标签,因为网站上说代码太多了)。问题是: <pre> <head> <style> body{ background-color: blue; } .a { background-color: white; display: block; margin: auto;

我不明白为什么边界属性不起作用,请给我解释一下。 (我删除了基本标签,因为网站上说代码太多了)。

问题是:

<pre>
  <head>
    <style>
       body{
        background-color: blue;
       }
      .a
      {
        background-color: white;
        display: block;
        margin: auto;
         border-color: white;
         border-style: solid;
         border-radius: 10px;
        text-align: center;
        border-color: black;
        border-radius: 2px;
        width: 400px;
        height: 600px;
      }
    </style>
  </head>
  <body>
    <div class="a">
      <h1>SignUp</h1>
    </div>
  </body>
</pre>

您正在设置两次边框颜色


将同一属性设置两次是非常糟糕的做法。一旦删除其中任何一个,代码将按预期工作。

您将编写两次相同的代码

border-color: white;
border-color: black;
客户端(web浏览器)将用最后一个代码替换第一个代码,客户端将在其中运行最后一个代码

border-color: white;
border-radius: 10px;
border-color: black;
border-radius: 2px;
您可以删除它们中的每一个,也可以使用

border-color: black;
border-radius: 2px;
例如:

border: [size] [style] [color];

避免代码重复。

您是否正在尝试这样做

正文
{
背景颜色:蓝色;
}
分区边界
{
背景色:白色;
显示:块;
保证金:自动;
边框:5px纯黑;
边框样式:实心;
边界半径:10px;
文本对齐:居中;
宽度:400px;
高度:600px;
}

注册
它起作用了什么问题看Aditya Prakash的回答是的,我看到了,但我认为这不是问题所在
border: 10px solid black;