Я настроил следующий стиль, чтобы можно было добавить красивую рамку вокруг некоторых ссылок:
.btnRound {
text-align:center;
display:block;
margin:40px auto;
-moz-border-radius:8px;
-webkit-border-radius:4px;
border-radius:8px;
line-height:80px;
height:84px;
width:260px;
font-size:1.1em;
color:#fff;
border-color:#ddd;
border-style:solid;
border-width:2px;
cursor:pointer;
text-decoration:none;
}
Затем я настроил отдельные цветовые классы, чтобы у меня были разные цвета фона для блоков ссылок:
.bgBlue { background-color:#09F; }
.bgPurple { background-color:#63F; }
Мой HTML-код:
<a class="btnRound bgBlue" href="test">Ducks CLICK HERE</a>
<a class="btnRound bgPurple" href="test">Geese CLICK HERE</a>
В результате цвет фона для каждого из них белый.Почему это так, и как получить желаемый результат, пожалуйста?
Спасибо за ваше время и помощь.