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;