HTML 테이블 스타일

by JM note

HTML

<style>  
body { background: #fff; }
.bluetop {
  border-collapse: collapse;
  border-top: 3px solid #168;
}  
.bluetop th {
  color: #168;
  background: #f0f6f9;
}
.bluetop th, .bluetop td {
  padding: 10px;
  border: 1px solid #ddd;
}
.bluetop th:first-child, .bluetop td:first-child {
  border-left: 0;
}
.bluetop th:last-child, .bluetop td:last-child {
  border-right: 0;
}
</style>
<table class="bluetop">
  <tr><th>위키SW</th><th>제작자</th><th>첫 릴리즈</th></tr>
  <tr><td>유즈모드위키</td><td>Clifford Adams</td><td>2000년</td></tr>
  <tr><td>모인모인</td><td>Jürgen Hermann 등</td><td>2000년</td></tr>
  <tr><td>미디어위키</td><td>Magnus Manske</td><td>2002년</td></tr>
  <tr><td>도쿠위키</td><td>Andreas Gohr</td><td>2004년</td></tr>
</table>