Css наведение мыши
Автор Кирилл П задал вопрос в разделе Верстка, CSS, HTML, SVG
Как сделать кнопку html-кодом, которая при наведении мыши меняет цвет и надпись? и получил лучший ответ
Ответ от Shalafi[гуру]
Чистым ХТМЛом нельзя вроде, Выбирай как, 3 способа CSS / JavaScript / Flash
Shalafi
(13447)
те ниже ответили. Там ЦСС правда, но ЯваСкрипт муторней и тяжелей. Используй лучше тот вариант (знаешь же как классами пользоваться...).
Ответ от Farewellerrel[эксперт]
свойство onhover можно использовать, например
.qqq {
background:#fff;
}
qqq:hover {
background:#fff;
}
Надпись это java-script
А вообще рекомендую JQuery
свойство onhover можно использовать, например
.qqq {
background:#fff;
}
qqq:hover {
background:#fff;
}
Надпись это java-script
А вообще рекомендую JQuery
Ответ от Валерий Аненков[эксперт]
сделать кнопку картинкой и используя псевдокласс :hover заменять одну картинку другой
a.rollover {
background: url(images/sun1.png); /* Путь к файлу с исходным рисунком */
display: block; /* Рисунок как блочный элемент */
width: 196px; /* Ширина рисунка */
height: 183px; /* Высота рисунка */
}
a.rollover:hover {
background: url(images/sun2.png); /* Путь к файлу с заменяемым рисунком */
}
сделать кнопку картинкой и используя псевдокласс :hover заменять одну картинку другой
a.rollover {
background: url(images/sun1.png); /* Путь к файлу с исходным рисунком */
display: block; /* Рисунок как блочный элемент */
width: 196px; /* Ширина рисунка */
height: 183px; /* Высота рисунка */
}
a.rollover:hover {
background: url(images/sun2.png); /* Путь к файлу с заменяемым рисунком */
}
Ответ от Димка)[гуру]
вы что ребята: в хтмл: а потом в ксс применяй стили. .but { color:цвет; } .but:hover { color:цвет при наведении; }
вы что ребята: в хтмл: а потом в ксс применяй стили. .but { color:цвет; } .but:hover { color:цвет при наведении; }
Ответ от Дмитрий Торопов[мастер]
код самой кнопки смотри на рисунке в самом низу:
потом в файл css добавляешь:
a.knopka {
font-size: 13px;
color: #fff;
text-decoration: none;
user-select: none;
background: #6a920f;
padding: .6em 1.5em;
outline: none;
border-radius: 5px;
}
a.knopka:hover { background: rgba(106, 146, 15, 0.77); }
a.knopka:active { background: #527505; }
цвета, размер шрифта, фон и т. д и т. п подставляешь как тебе надо.
код самой кнопки смотри на рисунке в самом низу:
потом в файл css добавляешь:
a.knopka {
font-size: 13px;
color: #fff;
text-decoration: none;
user-select: none;
background: #6a920f;
padding: .6em 1.5em;
outline: none;
border-radius: 5px;
}
a.knopka:hover { background: rgba(106, 146, 15, 0.77); }
a.knopka:active { background: #527505; }
цвета, размер шрифта, фон и т. д и т. п подставляешь как тебе надо.
Ответ от Алиса Алисова[активный]
Если в редакторе Dreamweaver, то можно . Все просто.
Если в редакторе Dreamweaver, то можно . Все просто.
Ответ от Ѐуслан ***[новичек]
во то вы его грузанули)) в html нельзя, максимум можешь кнопку красочную сделать, это нарисовать кнопку и сделать по ней переход)
а так что ты хочешь сделать это делается в css
во то вы его грузанули)) в html нельзя, максимум можешь кнопку красочную сделать, это нарисовать кнопку и сделать по ней переход)
а так что ты хочешь сделать это делается в css
Ответ от 3 ответа[гуру]
Привет! Вот подборка тем с похожими вопросами и ответами на Ваш вопрос: Как сделать кнопку html-кодом, которая при наведении мыши меняет цвет и надпись?