2013-08-31 3 views
0

У меня есть кнопка на моей веб-странице.Стиль кнопки с использованием CSS

<button id="button" type="button">Show</button> 

Я хочу, чтобы моя кнопка была синего цвета и, если возможно, имела закругленные углы. Как мне это сделать?? Я действительно новичок в дизайне.

+0

если вы скопировали и вставляете тег, который вы пропустили '>'! попробуйте border-radius: 50%; –

ответ

1

исправила размечать

<button class="button">SHOW</button> /*..you were missing the > ...*/ 

и CSS

.button{ 
background-color:blue; 
border-radius:10px; 
} 

EXAMPLE

+0

Ваш _correction_ изменил идентификатор на класс и сделал значение в верхнем регистре! Для поддержки в других браузерах вы можете добавить '-webkit-border-radius: 10px; -moz-границы радиус: 10px; border-radius: 10px; ' – Moob

+3

@ Префиксы @Moob css следует избегать, где это возможно, и здесь они [совершенно ненужны] (http://caniuse.com/#feat=border-radius). –

+2

Также - замена идентификатора классом - когда дело доходит до стиля - ** хорошая ** привычка вступать, поскольку идентификаторы имеют другие эффекты. В один прекрасный день вы обнаружите, что хотите иметь несколько кнопок в DOM (даже если они скрыты), и хотя CSS вполне удовлетворен тем, что селектор идентификаторов соответствует нескольким элементам, многие библиотеки JS не являются, что может вызвать проблемы. –

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