I have to say that I really like the usability of page numbers (or alpha lists) in clickable boxes. They are much easier to use/select than just the one-character links, which are often teeny tiny and too close together. So here is an example of how to clickable boxes with CSS - you just have to define the style, then wrap all the links in a div with the "pagination" class.
Example CSS:
/* ------------------------------------------------------- */
div.pagination {padding:3px; margin:3px; text-align:left; font-size:11px; font-family: Arial, Verdana, Helvetica, sans-serif;}
div.pagination a, div.pagination a:visited {padding: 2px 5px 2px 5px; margin-right: 2px; background: transparent; border: 1px solid #cccccc; text-decoration: none; color: #004499;}
div.pagination a:hover, div.pagination a:active { border: 1px solid #cccccc; color: #000000; background-color: #dddddd;}
div.pagination span.current a:link, div.pagination span.current a:visted { color: #004499; padding: 2px 5px 2px 5px; margin-right: 4px; font-weight: bold; border: 1px solid #e0d9b8; background-color: #edeadb;}
div.pagination span.disabled {padding: 2px 5px 2px 5px; margin-right: 2px; border: 1px solid #e0d9b8; color: #004499; background-color: transparent;}
/* ------------------------------------------------------- */
Example HTML/ColdFusion code:
<cfoutput>
<div class="pagination">
Port Index:
<cfloop list="#alphaList#" index="thisAlpha">
<cfif alpha neq thisAlpha>
<a href="#cgi.SCRIPT_NAME#?#cgi.QUERY_STRING#&alpha=#thisAlpha#">#thisAlpha#</a>
<cfelse>
<span class="current"><a href="#cgi.SCRIPT_NAME#?#cgi.QUERY_STRING#&alpha=#thisAlpha#">#thisAlpha#</a></span>
</cfif>
</cfloop>
</div>
</cfoutput>