2012-01-10 11 views
0

CSS:Почему граница не отображается?

.num{ 
     z-index:8; 
     background-color:#ffd200 ; 
     width: 180px; 
     height: 47px; 
     color: #ffd200; 
     border:#ffd200 double 6px; 
     border-radius: 20px; 
} 

HTML:

<div id="ll"> 
    <table id="num"> 
     <tr > 
      <td class="num"></td> 
      <td class="num"> </td> 
     </tr> 
    </table> 

Учитывая, что установка, почему граница не видна?

+5

Нам нужны ваши HTML и многое другое или ваш CSS. –

+2

Почему граница не кажется какой? –

+1

Я мог представить, что «кажется» используется в смысле «появляться» здесь (выступая в качестве неродного английского говорящего, по крайней мере оба могут быть переведены на одно и то же слово на немецком языке (хотя и с другим смыслом)). –

ответ

4

Если вы спрашиваете, почему вы не видите границу, это потому, что вы установили цвет границы (и цвет текста, если на то пошло), чтобы быть таким же, как на заднем плане цвет элемента, поэтому он просто вписывается.

Для иллюстрации это jsFiddle - меняется цвет границы.

Изменение CSS к чему-то, например, как это:

.num { 
    background-color:#ffd200 ; 
    color: #ffd200; 
    border: #ffffff double 6px; 
} 

бы вызвать появление границы. Это создаст элемент с оранжевым фоном и белой рамкой, а не оранжевым фоном с оранжевой рамкой.

+0

+1 - но вы должны добавить свой предложенный CSS в этот ответ –

+0

@MyHeadHurts Хороший пункт - отредактирован, чтобы добавить возможный CSS, который вызовет границы, чтобы фактически показать. –

1

Вы можете видеть границу, если цвет границы отличается от фонового цвета!

+0

Цвет фона страницы черный, а цвет границы желтый ... – asafg8

Смежные вопросы