HTML CSS examples for CSS Widget:Menu
Menu with bottom border
<html lang="en"> <head> <style> #status_bar {<!--from w w w .j a va 2s .com--> width: 700px; height: 60px; background: #efefef; float: left; } .admin_status_box { background: #efefef; height: 60px; border-right: 1px solid blue; } .admin_status_box ul { margin: 0px; padding: 0; } .admin_status_box li { text-decoration: none; list-style-type: none; border-right: 1px solid blue; height: 60px; display: inline-block; padding: 0; margin: 0; } .admin_status_box a { text-decoration: none; padding: 0 30px 0 30px; text-align: center; height: 50px; float: left; line-height: 50px; } .admin_status_box a.active { border-bottom: 10px solid #619e4c; } .admin_status_box a:hover { background: #fff; } </style> </head> <body translate="no"> <div id="status_bar"> <div class="admin_status_box"> <ul> <li> <a href="admin.php" class="active">View & Delete posts </a> </li> <li> <a href="admin-delete-members.php" class="active">View & Delete members </a> </li> </ul> <!-- <div id="green_box"></div> --> </div> </div> </body> </html>