Оформить кнопки

@Dima1501 · Регистрация: 26.05.2014

Author24 — интернет-сервис помощи студентам

Верстаю сайт для портфолио, никак не получается сделать такой дизайн для кнопок
Название: menu.png
Просмотров: 25

Размер: 6.2 Кб

@Mikhail Shell · 12.12.2014, 18:33

ВОТ ПРИМЕРНЫЙ КОД:

HTML5

<ul>
<li id="first_button"><a href="#"></a></li>
<li id="second_button"><a href="#"></a></li>
</ul>
<hr /><!-- линия которая за первой кнопкой и наложена на вторую (ее надо так подогнать с помощью z-index)--!>

CSS

ul{
list-style:none;
display:inline;
}
#first_button{/*первая кнопка*/
background:white;
border:1px solid grey;
border-bottom:none;
width:/*ширина*/;
heigth:/*высота*/;
color:red;
z-index:/*установи так слой чтобы он закрывал линию hr*/;
}
#second_button{/*вторая кнопка*/
background:white;
border:1px solid grey;
background:light-grey;
width:/*ширина*/;
heigth:/*высота*/;
color:grey;
z-index:/*установи так слой чтобы линию hr закрывала кнопку (нижнюю границу) */;
}

А к линии надеюсь ты сам создашь стили

Новые блоги и статьи
Как клонировать определенную ветку в Git bytestream 24.01.2025 Одной из ключевых функций Git является возможность клонирования веток, что позволяет создавать локальные копии удаленных репозиториев и работать с определенными версиями проекта. Этот механизм. . .	Как в цикле обойти строки DataFrame в Pandas Python bytestream 24.01.2025 DataFrame представляет собой одну из основных структур данных в библиотеке Python Pandas, которая организует информацию в виде двумерной таблицы с строками и столбцами. Эта структура данных особенно. . .	Как получить имя текущей ветки в Git bytestream 24.01.2025 При работе с Git часто возникает необходимость определить имя текущей ветки, в которой ведется разработка. Знание текущей ветки является критически важным аспектом для эффективного управления. . .	Как отсортировать массив объектов по значению поля объекта в JavaScript bytestream 24.01.2025 При разработке веб-приложений на JavaScript разработчики часто сталкиваются с необходимостью работать с массивами объектов. Эти структуры данных представляют собой упорядоченные наборы элементов, где. . .	Ошибка "src refspec master does not match any" при пуше коммита в Git bytestream 24.01.2025 При работе с системой контроля версий Git разработчики нередко сталкиваются с различными ошибками, одной из которых является сообщение "src refspec master does not match any". Эта ошибка возникает. . .	Как округлить не более двух цифр после запятой в JavaScript bytestream 24.01.2025 При работе с числами в JavaScript разработчики часто сталкиваются с необходимостью округления десятичных значений до определенного количества знаков после запятой. Это особенно важно при работе с. . .
Как сделать UPDATE из SELECT в SQL Server hw_wired 24.01.2025 В современных системах управления базами данных операции обновления и выборки данных являются фундаментальными инструментами для работы с информацией. SQL Server предоставляет мощные команды UPDATE и. . .	Как вставить элемент в массив на указанный индекс в JavaScript hw_wired 24.01.2025 Массивы являются одной из фундаментальных структур данных в JavaScript, предоставляющей разработчикам мощный инструмент для хранения и управления упорядоченными наборами данных. Они позволяют хранить. . .	Чем отличаются HashMap и Hashtable в Java hw_wired 24.01.2025 В мире разработки на Java существует множество инструментов для работы с коллекциями данных, и среди них особое место занимают структуры данных для хранения пар ключ-значение. HashMap и Hashtable. . .	Как конвертировать видео в GIF hw_wired 24.01.2025 В современном мире анимированные изображения стали неотъемлемой частью цифровой коммуникации. Формат GIF (Graphics Interchange Format) представляет собой особый тип файлов, который позволяет. . .	Как скопировать текст в буфер обмена на JavaScript во всех браузерах hw_wired 24.01.2025 Копирование текста в буфер обмена стало неотъемлемой частью современных веб-приложений, значительно улучшающей пользовательский опыт и упрощающей работу с контентом. В эпоху активного обмена. . .	Как скрыть клавиатуру на Android hw_wired 24.01.2025 При разработке Android-приложений часто возникает необходимость управлять видимостью экранной клавиатуры для улучшения пользовательского опыта. Одним из наиболее эффективных способов контроля. . .

@Dima1501 0 / 0 / 0 Регистрация: 26.05.2014 Сообщений: 15
		1
	Оформить кнопки 12.12.2014, 17:50. Показов 1089. Ответов 1 Метки нет (Все метки) Верстаю сайт для портфолио, никак не получается сделать такой дизайн для кнопок 0

	12.12.2014, 18:33

Оформить кнопки

Решение