ساخت منو با css
با این کد می تونید یک منو ایجاد کنید برای اضافه کردن لینک ها یا تغیر نام انها باید html بلد باشید
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN">
<html>
<head>
<title>Mini-Tab Preview</title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<style type="text/css">
<!--
.container {
width: 500px;
padding: 15px;
margin: 3px 0 20px 0;
border: 1px solid #ccc;
background: #fff;
}
/* rounded */
#nav {
margin: 0;
padding: 0 0 20px 10px;
border-bottom: 1px solid #9FB1BC;
}
#nav li {
margin: 0;
padding: 0;
display: inline;
list-style-type: none;
}
#nav a:link, #nav a:visited {
float: left;
font-size: 10px;
line-height: 14px;
font-weight: bold;
padding: 0 12px 6px 12px;
text-decoration: none;
color: #708491;
}
#nav a:link.active, #nav a:visited.active, #nav a:hover {
color: #000;
background: url(rounded.gif) no-repeat bottom center;
}
-->
</style>
<style type="text/css">
<!--
/* code for presentation purpose (CSS preview) */
body {
font-family: verdana, sans-serif;
font-size: 11px;
background: #eeeeee;
}
h4 {
font-size: 100%;
color: #999;
margin: 0;
}
-->
</style>
</head>
<body>
<h4>Rounded Tabs</h4>
<div class="container">
<ul id="nav">
<!-- CSS Tabs -->
<li><a class="active" href="Home.html">Home</a></li>
<li><a href="Products.html">Products</a></li>
<li><a href="Services.html">Services</a></li>
<li><a href="Support.html">Support</a></li>
<li><a href="Order.html">Order</a></li>
<li><a href="News.html">News</a></li>
<li><a href="About.html">About</a></li>
</ul>
</div>
</body>
</html>
فیلم آموزشی ساخت منو در html رو در لینک زیر میتونید ببینید در این ویدیو نحوه ساخت انواع منو با html css بهمراه تمامی چالش هایی که در کدنویسی منو ها با css وجود داره آموزش داده شده ویدیو در سایت وبسافت3 هست رایگانه لینکشو میزارم استفاده کنید
https://websoft3.com/how-long-take-learn-website-design/