*{ margin:0; padding:0; list-style:none; }
.nav{ max-width:960px; overflow:hidden; margin:0 auto; border:5px solid #F60; padding:10px; }
.nav ul{ margin:-10px 0 0 -10px; list-style:none; padding:0; }
.nav li{ width:25%; float:left; }
.nav li a{ color:#fff; display:block; background:#F60; line-height:30px; margin:10px 0 0 10px; text-align:center; font-size:12px; text-decoration:none; }
.nav li a:hover{ background:#F00}
@media (max-width: 480px) {
.nav{ padding:5px; }
.nav ul{ margin:-5px 0 0 -5px; }
.nav li{ width:50%; }
.nav li a{ margin:5px 0 0 5px; }
}
查看更多关于CSS田字布局_html/css_WEB-ITnose的详细内容...
声明：本文来自网络，不代表【好得很程序员自学网】立场，转载请注明出处：http://haodehen.cn/did113489