CSS-свойство Border-Color не работает

У меня проблема с пограничным цветом. Это не сработало. Я новичок в css здесь, это скрипка. http://jsfiddle.net/zeburrehman/aFzKy/151/

<div id="box">
Hello! The color of box border should be red!!
</div>

#box {
border-color: red;
}

Ответ 1

По умолчанию border-width - 0 и border-style - none

Поэтому вам нужно установить их в border-width:1px и border-style:solid. Вы можете объединить все свойства границ в один, как показано ниже:

#box {
    border:1px solid red
}

Ответ 2

Вам нужно добавить стиль рамки:

#box {
    border: 1px solid red;
}

Ответ 3

Попробуйте следующее: граница: 5px сплошной красный;

Ответ 4

У меня была проблема, когда казалось, что border-color не соблюдается, но смутно он даже показал правильный цвет в инспекторе стиля в Chrome (возможно, в Chrome). Ключевым моментом для меня было то, что если указывается стиль стенографической границы, он устанавливает все три аспекта стиля границы, независимо от того, включены ли они или нет:

border-left: 1px;

На самом деле перезаписывает свойства border-left-style и border-left-color, даже если они не были включены. Это может привести к тому, что унаследованный стиль будет переопределен и, похоже, не работает.

Ответ 5

Вы также можете использовать шестнадцатеричный цветовой код для красного, который равен #ff0000 (RGB). 100% красный, 0% зеленый и 0% синий, если вы хотите чистый красный цвет.

#box {
   border: 2px solid #ff0000;
}