io ce l'avevo in un foglio esterno richiamato nell'head della pagina html
ma ti ripeto è un vecchio codice meglio se aspetti qualcuno più aggiornato
ecco la pagina d'esempio
codice:
<!DOCTYPE html>
<html>
<head>
<style type="text/css">
* {
	margin: 0;
	padding: 0;
	border: none;
}
body {
	font-family: Verdana, sans-serif;
	text-align: center;
}
.links {
	margin: 0px auto;
	list-style-type: none;
	/*line-height: 1.5em;*/
	padding: 8px;
	overflow: hidden;
}
.links li {
	margin: 8px;
	padding: 0em;
	/*border: 1px solid rgba(0,0,0,1);*/
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	display: inline-block;
	line-height: 2em;
}
.links a:link, .links a:visited, .links a:focus {
	color: rgba(205, 205, 255, 1);
	border: 1px solid rgba(255, 255, 51, 1);
	text-shadow: 0px 1px 1px rgba(0, 0, 0, 1);/**/
	padding: 0.5em 1em;
	text-decoration: none;
	/*display: block;*/
	background-color: rgba(80, 80, 80, 1);
	background-image: -webkit-gradient(linear, 0% 0%, 0% 100%,
 from(rgba(80, 80, 80, 1)), to(rgba(160, 160, 160, 1)));
	-webkit-box-shadow: 0 2px 8px rgba(20, 20, 20, .8);
	-moz-box-shadow: 0 2px 8px rgba(20, 20, 20, .8);
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	outline: none
}
.links a:hover {
	color: rgba(255, 255, 255, 1);
	border: 1px solid rgba(255, 255, 255, 1);
	text-shadow: 0px -1px 1px rgba(0, 0, 0, .8);
	background-color: rgba(160, 160, 160, 1);
	background-image: -webkit-gradient(linear, 0% 0%, 0% 100%,
 from(rgba(160, 160, 160, 1)), to(rgba(80, 80, 80, 1)));
	-webkit-box-shadow: 0 1px 8px rgba(0, 0, 255, 1);
	-moz-box-shadow: 0 1px 8px rgba(0, 0, 255, 1);
}
#sel, #sel:hover, .links a:active {
	color: rgba(255, 255, 255, 1);
	border: 1px solid rgba(51, 51, 51, 1);
	text-shadow: 0px -1px 1px rgba(0, 0, 0, .8);
	background-color: rgba(160, 160, 160, 1);
	background-image: -webkit-gradient(linear, 0% 0%, 0% 100%,
 from(rgba(160, 160, 160, 1)), to(rgba(80, 80, 80, 1)));
	-webkit-box-shadow: 0 1px 8px rgba(0, 0, 255, 1);
	-moz-box-shadow: 0 1px 8px rgba(0, 0, 255, 1);
}
</style>
<script type="text/javascript" src="foot.js"></script>
</head>
<body>
<ul class="links" id="links">[*]gfhfh[*]hfgfgd[*]dghff[/list]
</body>
</html>