How TO Create CSS Tabbed Menu with Rounded Corners OR Simple tabbed Menu with CSS Example in C# Asp.Net
Program:
.Aspx File
Program:
.Aspx File
<html xmlns="http://www.w3.org/1999/xhtml"> <head> <title> CSS</title> <style type="text/css"> body { font-family: Arial, Helvetica, sans-serif; font-size: 13px; color: #404040; background-color: #FFF; } #testnav { margin: 0; padding: 0; list-style: none; overflow: hidden; border-top: 0.5em solid #fff; border-bottom: 0.4em solid #B52025; } #testnav li { float: left; height: 2em; margin: 0 0.5em; } #testnav a:link, #testnav a:visited { float: left; height: 1.6em; padding: 0.2em 0.5em; background: #FDEAEB; color: #B52025; font-weight: bold; text-decoration: none; border-width: 0.1em 0.1em 0 0.1em; border-style: solid; border-radius: 6px; -moz-border-radius: 6px; -webkit-border-radius: 6px; line-height: 1.6em; position: relative; top: 0.3em; } #testnav a:hover { background: #B52025; border-color: RED; color: #fff; } </style> </head> <body> <ul id="testnav"> <li><a href="#">Home</a></li> <li><a href="#">Asp.net</a></li> <li><a href="#">Ajax</a></li> <li><a href="#">jQuery</a></li> <li><a href="#">SQL Server</a></li> <li><a href="#">Contact</a></li> </ul> </body> </html> |
Demo:
|
|
No comments:
Post a Comment