To be or not to be.That is a question!

---源于莎士比亚的《哈姆雷特》

导航

css九宫格 

<!doctype html>
<html>
<head>
    <title></title>
</head>
<body>
    <style type="text/css">
    dl{width: 330px;padding: 10px;margin: 0 auto;text-align: center;line-height: 100px;}
    dl dt{font-size: 30px;font-family: "微软雅黑"}
    dl dd{float: left;display: block;width: 100px;height: 100px;background-color: #ccc;border: solid 10px red;margin-left: -10px;margin-bottom: -10px;}
    dl dd:hover{border-color: blue;position: relative;}
    </style>
    <dl>
        <dt>CSS九宫格</dt>
        <dd>dd</dd>
        <dd>dd</dd>
        <dd>dd</dd>
        <dd>dd</dd>
        <dd>dd</dd>
        <dd>dd</dd>
        <dd>dd</dd>
        <dd>dd</dd>
        <dd>dd</dd>
    </dl>
</body>
</html>

　　

posted on 2013-05-07 16:37  Ijavascript  阅读(242)  评论(0)  编辑  收藏  举报