<h1>バックエンドエンジニアのよく投稿するジャンル</h1>
<div class="mod-tbl">
  <table>
    <thead>
      <tr>
        <th>ジャンル</th>
        <th><a href="http://bashalog.c-brains.jp/author/fukasawa.php">fukasawa</a></th>
        <th><a href="http://bashalog.c-brains.jp/author/kagata.php">kagata</a></th>
        <th><a href="http://bashalog.c-brains.jp/author/fujihara.php">fujihara</a></th>
        <th><a href="http://bashalog.c-brains.jp/author/sagara.php">sagara</a></th>
        <th><a href="http://bashalog.c-brains.jp/author/yamashita.php">yamashita</a></th>
        <th>ジャンル</th>
      </tr>
    </thead>
    
    <tbody>
      <tr>
        <th><a href="http://bashalog.c-brains.jp/category/server/">DB/サーバ</a></th>
        <td>●</td>
        <td></td>
        <td></td>
        <td></td>
        <td></td>
        <th><a href="http://bashalog.c-brains.jp/category/server/">DB/サーバ</a></th>
      </tr>
      <tr>
        <th><a href="http://bashalog.c-brains.jp/category/programming/">PHP</a></th>
        <td></td>
        <td>●</td>
        <td></td>
        <td>●</td>
        <td></td>
        <th><a href="http://bashalog.c-brains.jp/category/programming/">PHP</a></th>
      </tr>
      <tr>
        <th><a href="http://bashalog.c-brains.jp/category/webstormphpstorm/">WebStorm / PhpStorm</a></th>
        <td>●</td>
        <td></td>
        <td></td>
        <td></td>
        <td></td>
        <th><a href="http://bashalog.c-brains.jp/category/webstormphpstorm/">WebStorm / PhpStorm</a></th>
      </tr>
      <tr>
        <th><a href="http://bashalog.c-brains.jp/category/javascript/">JavaScript</a></th>
        <td></td>
        <td></td>
        <td>●</td>
        <td></td>
        <td>●</td>
        <th><a href="http://bashalog.c-brains.jp/category/javascript/">JavaScript</a></th>
      </tr>
      <tr>
        <th><a href="http://bashalog.c-brains.jp/category/wordpress/">WordPress</a></th>
        <td></td>
        <td>●</td>
        <td></td>
        <td></td>
        <td></td>
        <th><a href="http://bashalog.c-brains.jp/category/wordpress/">WordPress</a></th>
      </tr>
    </tbody>
    
    <tfoot>
      <tr>
        <th>ジャンル</th>
        <th><a href="http://bashalog.c-brains.jp/author/fukasawa.php">fukasawa</a></th>
        <th><a href="http://bashalog.c-brains.jp/author/kagata.php">kagata</a></th>
        <th><a href="http://bashalog.c-brains.jp/author/fujihara.php">fujihara</a></th>
        <th><a href="http://bashalog.c-brains.jp/author/sagara.php">sagara</a></th>
        <th><a href="http://bashalog.c-brains.jp/author/yamashita.php">yamashita</a></th>
        <th>ジャンル</th>
      </tr>
    </tfoot>
  </table>
</div><!-- /.mod-tbl -->

<div class="mod-tbl">
  <table>
    <thead>
      <tr>
        <th>ジャンル</th>
        <th><a href="http://bashalog.c-brains.jp/author/fukasawa.php">fukasawa</a></th>
        <th><a href="http://bashalog.c-brains.jp/author/kagata.php">kagata</a></th>
        <th><a href="http://bashalog.c-brains.jp/author/fujihara.php">fujihara</a></th>
        <th>ジャンル</th>
      </tr>
    </thead>
    
    <tbody>
      <tr>
        <th><a href="http://bashalog.c-brains.jp/category/server/">DB/サーバ</a></th>
        <td>●</td>
        <td></td>
        <td></td>
        <th><a href="http://bashalog.c-brains.jp/category/server/">DB/サーバ</a></th>
      </tr>
      <tr>
        <th><a href="http://bashalog.c-brains.jp/category/programming/">PHP</a></th>
        <td></td>
        <td>●</td>
        <td></td>
        <th><a href="http://bashalog.c-brains.jp/category/programming/">PHP</a></th>
      </tr>
      <tr>
        <th><a href="http://bashalog.c-brains.jp/category/webstormphpstorm/">WebStorm / PhpStorm</a></th>
        <td>●</td>
        <td></td>
        <td></td>
        <th><a href="http://bashalog.c-brains.jp/category/webstormphpstorm/">WebStorm / PhpStorm</a></th>
      </tr>
      <tr>
        <th><a href="http://bashalog.c-brains.jp/category/javascript/">JavaScript</a></th>
        <td></td>
        <td></td>
        <td>●</td>
        <th><a href="http://bashalog.c-brains.jp/category/javascript/">JavaScript</a></th>
      </tr>
      <tr>
        <th><a href="http://bashalog.c-brains.jp/category/wordpress/">WordPress</a></th>
        <td></td>
        <td>●</td>
        <td></td>
        <th><a href="http://bashalog.c-brains.jp/category/wordpress/">WordPress</a></th>
      </tr>
    </tbody>
    
    <tfoot>
      <tr>
        <th>ジャンル</th>
        <th><a href="http://bashalog.c-brains.jp/author/fukasawa.php">fukasawa</a></th>
        <th><a href="http://bashalog.c-brains.jp/author/kagata.php">kagata</a></th>
        <th><a href="http://bashalog.c-brains.jp/author/fujihara.php">fujihara</a></th>
        <th>ジャンル</th>
      </tr>
    </tfoot>
  </table>
</div><!-- /.mod-tbl -->
* {
  box-sizing: border-box;
}

.mod-tbl {
  margin: 20px 0 0;
  width: 100%;
	max-width: 700px;
	overflow: auto;
	background: #F6F6F0;
	table {
		table-layout: fixed;
    border: none;
    border-collapse: collapse;
    min-width: 100%;
	}
  th,td {
    padding: 5px;
    border: 1px solid #32a138;
  }
  thead th,
  tfoot th, {
    text-align: center;
    color: #fff;
    background: #32a138;
    border-left: 1px solid #F6F6F0;
    border-right: 1px solid #F6F6F0;
    &:nth-child(1) {
      border-left: 1px solid #32a138;
    }
    &:last-child {
      border-right: 1px solid #32a138;
    }
    a {
      color: #fff;
    }
  }
	tbody th {
		width: 200px;
    min-width: 200px;
    a {
      color: #32a138;
    }
	}
	td {
		width: 130px;
    min-width: 130px;
    text-align: center;
	}
}
View Compiled
Rerun