Кнопки как на серче

text-shadow: цвет сдвиг по x сдвиг по y радиус размытия

---------- Добавлено в 14:15 ---------- Предыдущее сообщение было в 14:13 ----------

это свойство добавляет тень к тексту

Вау!!

Спасибо!

а как цвет для тени выбрать?

А вот для новых браузеров крутатень:

http://tympanus.net/Tutorials/CSSButtonsPseudoElements/index3.html#

Красота =)

В силу того что новичок в верстке не понимаю как создать меню...

Скажем, оно будет вызываться так:

<div id="menu">

<ul>

<li><a href="/">Главная</a></li>

и т.д.

Внешний вид кнопки должен быть описан в css, как его описать? Или где можно об этом узнать?

#menu ul li {

Здесь свойства

}

Это то понятно...

А что именно писать в свойствах.

Ставлю

.menu li

{ background-image: url(/images/и.тд.);

}

а фон пункта меню не меняется...

может потому что у .menu тоже в свойствах стоит бэкграунд и он перекрывает бэкграунд li?

Почему .menu li? У вас же id="menu" а не class="menu"

#menu ul li {
display: inline-block; /*обязательно*/
background-image: url(/images/и.тд.);
}

Очепятка=)

Елы-палы. А не проще правой клавишей мыши по объекту - проинспектировать элемент или там исходный код элемента ( не знаю какой браузер у вас стоит) и посмотреть, какие свойства написаны? Совсем народ обленился

Разобрался, только не могу убрать отступы между ячейками-кнопками...паддинги и марджины нигде не прописаны, а отступ все равно есть. Подскажите, пожалуйста, как его убрать? и выровнять кнопки по центру? Сайт: stellaji-pro.ru

---------- Добавлено в 19:16 ---------- Предыдущее сообщение было в 18:20 ----------

Вот что у меня в CSS

#menu {

	height:26px;

	background-image:url(/images/vse/menu.jpg);

	margin-top:13px;

}





#menu ul {

	padding-top:0px;

	

}



#menu li {

	display:inline-block;

        width:100px;

        height:24px;

        background: url(/images/vse/button.png) no-repeat;

	font-family: Verdana, Arial, Helvetica, sans-serif; 

        font-size: 10pt; /* Размер шрифта в пунктах */ 

	font-variant:small-caps;

        text-align:center;

	margin-right:0px;

	margin-left:0px;

	padding-left:0px;

	

	}

#menu li a,

#menu li a:visited{

    text-decoration:none;

    display: block;

    height: 24px;

    background: url(/images/vse/button.png) no-repeat;

}





#menu li a:hover {

text-shadow: black 1px 1px 1px;

	

background: url(/images/vse/button.png) 0 -24px no-repeat;

}