HTML CSS examples for CSS Widget:Tab
Hove the menu to display tab button
<html> <head> <meta name="viewport" content="width=device-width, initial-scale=1"> <style id="compiled-css" type="text/css"> ul<!--from w ww . j a va 2s. c om--> { list-style:none; } li { float:left; width:54px; text-align:center; } #menu-main-menu li a { padding:14px 16px 3px 16px; font-size:16px; line-height:31px; } #menu-main-menu li a:hover { background:white; -webkit-border-top-left-radius:11px; -webkit-border-top-right-radius:11px; -moz-border-radius-topleft:11px; -moz-border-radius-topright:11px; border:2px solid Chartreuse; border-bottom:none; border-top-left-radius:11px; border-top-right-radius:11px; } </style> </head> <body> <ul id="menu-main-menu"> <li> <a href="#">Lor</a> </li> <li> <a href="#">Lor</a> </li> <li> <a href="#">Lor</a> </li> <li> <a href="#">Lor</a> </li> </ul> </body> </html>