프로그래밍/WEB 2016. 9. 23. 10:56
<style>
.table1_1 table {
width:100%;
margin:15px 0
}
.table1_1 th {
background-color:#AAEBAA;
color:#000000
}
.table1_1,.table1_1 th,.table1_1 td
{
font-size:0.95em;
text-align:center;
padding:4px;
border:1px solid #dddddd;
border-collapse:collapse
}
.table1_1 tr:nth-child(odd){
background-color:#e2f8e2;
}
.table1_1 tr:nth-child(even){
background-color:#fdfdfd;
}
</style>
<table class=table1_1>
<tr>
<th>SAMPLE</th><th>SAMPLE</th><th>SAMPLE</th>
</tr>
<tr>
<td>SAMPLE</td><td>SAMPLE</td><td>SAMPLE</td>
</tr>
<tr>
<td>SAMPLE</td><td>SAMPLE</td><td>SAMPLE</td>
</tr>
<tr>
<td>SAMPLE</td><td>SAMPLE</td><td>SAMPLE</td>
</tr>
<tr>
<td>SAMPLE</td><td>SAMPLE</td><td>SAMPLE</td>
</tr>
</table>
'프로그래밍 > WEB' 카테고리의 다른 글
| javascript:버튼(button)으로 팝업(popup) 띄우기 (0) | 2016.09.23 |
|---|---|
| [HTML5] File API (0) | 2016.09.23 |
| Tomcat7 Web Application Deploy 하기 (0) | 2016.09.23 |