Revision: 21383
Initial Code
Initial URL
Initial Description
Initial Title
Initial Tags
Initial Language
at December 11, 2009 12:02 by hmendes
Initial Code
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" /> <title></title> <style type="text/css"> <!-- ul.round { margin: 0; padding: 0; border: 0; list-style-type: none; text-align: center; float: left; clear: left; } ul.round li, ul.round li a, ul.round li b { display: block; margin: 0; padding: 0; float: left; } /* configure (backgrounds + margins + heights) here */ ul.round li { margin-right: 5px; background: #069; } ul.round li a { height: 32px; text-decoration: none; color: #fff; cursor: pointer; } ul.round li a:hover { background: #000; } ul.round li b { width: 1px; height: 30px; border-bottom: #fff 1px solid; border-top: #fff 1px solid; } ul.round li span { padding: 10px; line-height: 10px; float: left; } --> </style> </head> <body> <ul class="round"> <li><a href="#"><b></b><span>test</span><b></b></a></li> <li><a href="#"><b></b><span>big test</span><b></b></a></li> <li><a href="#"><b></b><span>bigger test</span><b></b></a></li> </ul> </body> </html>
Initial URL
Initial Description
Initial Title
One pixel, pure CSS2 rounded buttons
Initial Tags
css, button
Initial Language
CSS