Return to Snippet

Revision: 21383
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