Question

我只是想知道为什么我的边缘半径的颜色没有变化，有人可以回答我的问题吗？

代码：

* {
  font-family: 'lucida grande',tahoma,verdana,arial,sans-serif;
  border: 0px;
  padding: 0px;
  background-image: url('http://clubpenguincode.com/other/background.png'); 
} 

.header {
  background-color: #008aff;
  height: 72px;
  width: 700px;
  border-radius: 5px;
  border-style: solid;
  border-color: #ff0000 #0000ff;
}

Answer 1

border-radius属性指的是元素角的半径。我相信你的错误在于你误将这个属性误认为边界的大小。

如果你有某个元素，例如<div class="my-element"></div>，并且你想给它一个彩色边框，那么正确的CSS如下：

.my-element {
    /* border: [style] [size] [color] */
    border: solid 1px #FFF;

    /* or individually */
    border-style: solid;
    border-width: 1px;
    border-color: #FFF;
}

此外，要对此元素进行舍入，您必须添加支持所有各种CSS3浏览器供应商的border-radius规则（以使其在所有/大多数现代浏览器中都能正常工作）：

.my-element {
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
}

祝你好运！

Answer 2

设置border-width

.header {
    background-color: #008aff;
    height: 72px;
    width: 700px;
    border-radius: 5px;
    border-style: solid;
    border-color: #ff0000 #0000ff;
    border-width:5px;  <-- change the value
}

Answer 3

您需要添加边框宽度：

border-width: 1px;

Answer 4

尝试在边界半径之前添加-webkit-。

Answer 5

您想尝试更改零宽边框的颜色。首先，您需要声明border-width（现在修改border: 0）。

只需将其添加到.header

即可

border-width: 3px; /* select the width of blue-red border */

Answer 6

border-width未设置，这意味着您无法看到颜色。

Answer 7

试试这个。，

.header {
      background-color: #008aff;
      height: 72px;
      width: 700px;
      border-radius: 5px;
      border: 2px solid;/* add width size here */
      border-color: #ff0000 #0000ff;
    }

当我尝试更改边框半径的颜色时，它不起作用

7 个答案: