Помогни ни да направим Uroci.net по - богат! Добави урок

CSS Меню

iskren99   трудност:    видян: 73901

Така нека първо направим началният файл - index.php .След като го направим за да не пишем повече от един файл нека да добавим и стила в този файл.Това става в тага <head></head> с атрибута <style type="text/css"></style>.Нека да започваме кодинга. Можете да едитвате страниците от див-а "menu".

 

index.php

 

-----------------------------------------------------------------------------------------------------------------

<!doctype html>

<html>

<head>

<title>Title</title>

<style type="text/css">

#menu {

background: #32323a;

border-radius: 7px;

padding: 15px;

}

#menu a {

color: #fff;

text-decoration: none;

font-family: Constantia;

word-spacing: 15px;

padding: 15px;

}

#menu a:hover {

background: #141414;

}

</style>

</head>

<body>

<div id="menu">

<a href="page1">Page</a>

<a href="page2">Page</a>

<a href="page3">Page</a>

<a href="page4">Page</a>

</div>

</body>

</html> 

 

 

Урокът е изграден от iskren99. Забранява се копирането и постването без моето съгласие.Дано да съм ви помогнал. 



Регистрирайте се, за да добавите коментар


Калдейта ЕООД - © 2003-2010. Всички права запазени.
Препоръчваме: Национален Бизнес | Bomba.bg | IT Новини | Диплома.бг | TRAVEL туризъм | Реферати | AmAm.bg | Иде.ли | Курсови работи | Фото Форум | Spodeli.net | Фото-Култ | Atol.bg | Elmaz.com | MobileBulgaria.com | Казанлък.Com