0

I want to do the following:

http://s8.postimage.org/k82svi22r/example.gif

with only divs, css. Its ok to float left the cells, but Im stuck with spacings. I tried to use borders, but then divs next to each other became 2 lines. Or the color of title overleaps the border... I hope theres an easy way to do this!

4

2 回答 2

5

有一个简单的方法，一张桌子。日历是表格数据的表格，因此可以使用一个！

于 2012-11-15T11:44:13.897 回答
3

Try this (this is a draft)

  <html>
  <head>
    <style>
      #root{
        width:102px;
        overflow: auto;
        border-top : 1px solid black;
        border-right: 1px solid black;
      }
      .cell {
        width:50px;
        height: 50px;
        float:left;
        border-left: 1px solid black;
        border-bottom:1px solid black;
      }
    </style>
  </head>
  <body>
    <div id="root">
      <div class="cell"></div>
      <div class="cell"></div>
      <div class="cell"></div>
      <div class="cell"></div>
    </div>
  </body>
</html>
于 2012-11-15T11:51:28.013 回答