Skip to content

Instantly share code, notes, and snippets.

@liuyuan87
Created December 6, 2012 03:45
Show Gist options
  • Save liuyuan87/4221628 to your computer and use it in GitHub Desktop.
Save liuyuan87/4221628 to your computer and use it in GitHub Desktop.
Untitled
/*一淘面试题*/
.clearfix{*zoom:1;}
.clearfix:before,.clearfix:after{ display: table; content: "\0020"; line-height: 0; }
.clearfix:after { clear: both; }
ol{ padding-left:0; margin:0; list-style-type:none; width:170px;}
li{ float:left;margin-left: -5px; margin-top: -5px; text-align:center;}
li a{color:#008000; border:5px solid #0000f0;width:50px; height:50px; display:block;line-height:50px;text-decoration:none;position:relative; }
li a:hover{ border-color:#f00000;z-index: 1;}
<ol class="clearfix">
<li><a href="#">1</a></li>
<li><a href="#">2</a></li>
<li><a href="#">3</a></li>
<li><a href="#">4</a></li>
<li><a href="#">5</a></li>
<li><a href="#">6</a></li>
<li><a href="#">7</a></li>
<li><a href="#">8</a></li>
<li><a href="#">9</a></li>
</ol>
// alert('Hello world!');
{"view":"split-vertical","fontsize":"100","seethrough":"","prefixfree":"1","page":"all"}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment