HTML居中 

<!DOCTYPE HTML>
<html lang="en-US">
<head>
    <meta charset="UTF-8">
    <title></title>
    <style type="text/css">
    *{margin:0;padding:0;}
    ul{list-style:none;}
    .wrapper{text-align:center;background:lightblue;}
    .demo{text-align:center;padding:5px;}
    .demo li{display:inline;}
    .demo a{padding:2px 6px;background:#316ac5;color:white;border:1px solid #316ac5;text-decoration:none;}
    .demo a:hover{background:white;color:#316ac5;}
    </style>
</head>
<body>
    <div class="wrapper">
        <ul class="demo">
            <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>
        </ul>
    </div>
</body>
</html>

 

posted @ 2012-11-26 10:39  NexArchi  阅读(215)  评论(0)    收藏  举报