Как сделать своё меню в css

/ width: 120px; / Ширина меню. /.navigation li margin-top: 5px; / Отступ между блоками по высоте, необходимый для того чтобы пункты меню не сливались / font-family: Verdana, Arial, Helvetica, sans-serif; / Тип шрифта пунктов меню / font-size: 14px; / Размер текста меню /.navigation li a display: block; / Изменение отображения на блочное для того, чтобы иметь возможность задать внутренние отступы. / padding: 4px 15px; / Отступы внутри блоков. / background: #0db5b5; / Цвет блоков меню. / color: #3f3f3f; / Цвет текста в блоках меню. / text-decoration: none; / Устранение подчёркивания ссылок. / position: relative; / Это необходимо при использовании Internet Explorer 6 для того, чтобы ссылка по всей своей площади была «кликабельной». /.navigation li a:hover background: #92d3d3; / Цвет фона при наведении курсора мыши / color: #6b6b6b; / Цвет текста при наведении курсора мыши / /style /head body!- Описание ссылок в меню и сами ссылки. - ul class"navigation" li a href" target blank" Новости /a /li li a href" target blank" Статьи как сделать своё меню в css /a /li li a href" target blank" Шаблоны /a /li li a href" target blank" Книги /a /li li a href" target blank" Скрипты /a /li li a href" target blank" Видео /a /li li a href" target blank" Форум /a /li /ul body /body /html Вертикальное меню, полученное при помощи данного кода, выглядит так: Руководствуясь всеми вышеперечисленными принципами, приведём код для простого выпадающего меню: ul id"menu" li a href" li a href" target blank" Статьи /a ul li a href Ссылка 1 /a /li li a href Ссылка 2 /a /li li a href Ссылка 3 /a /li /ul /li li a href" ul li a href Ссылка 1 /a /li /ul /li li a href" li a href" li a href" li a href" Форум /a /li /ul style type"text/css" #menu background: #0db5b5; width: 60; padding:1; text-align: center; float:left; font-family: Verdana, Arial, Helvetica, sans-serif; #menu a color: #3f3f3f; text-decoration: none; #menu a:hover color: #6b6b6b; #menu ul padding:0; margin:0; #menu li list-style: none; padding:


Поделись с друзьями



Рекомендуем посмотреть ещё:


Закрыть ... [X]

Как сделать своё меню для отдельной страницы в dle - HTML, CSS Как украсить стол на свадьбу своими руками фото дома

Как сделать своё меню в css Как сделать своё меню в css Как сделать своё меню в css Как сделать своё меню в css Как сделать своё меню в css Как сделать своё меню в css

ШОКИРУЮЩИЕ НОВОСТИ