Я искал в Интернете какое-то время и ничего не нашел, поэтому я обращаюсь к вам, ребята.Как сделать эту кнопку в CSS?
мне было интересно, как вы можете сделать кнопку, как это с помощью CSS (On/Off, например кнопки):
Я уже пытался что-то вроде этого:
HTML:
<a class="button_tooltip" href="#">On</a>
<a class="button_tooltip" href="#">Off</a>
CSS:
a {
color: #76daff;
display: inline-block;
padding: 8px 16px;
position: relative;
text-decoration: none;
}
a {
color: #76daff;
}
a.button_tooltip {
background: #ccc none repeat scroll 0 0;
color: black;
}
a.button_tooltip::after {
border-top-color: #cccccc;
}
a.button_tooltip::after {
border-left: 8px solid transparent;
border-right: 8px solid transparent;
border-top: 8px solid #ccc;
content: "";
margin-left: -8px;
}
a.button_tooltip {
background: #cccccc none repeat scroll 0 0;
color: #000000;
}
a.button_tooltip::after {
border-left: 8px solid transparent;
border-right: 8px solid transparent;
border-top: 8px solid #ccc;
content: "";
}
a.button_tooltip::after {
border-top-color: #cccccc;
}
Но только дал мне квадрат без маленького треугольника внизу.
Вы также должны предоставить разметку: те ссылки/элементы списка/кнопки? – fcalderan