[소스] HTML table 양식 #1 - Korea Generation

HTML table 양식 #1 소스 

<div>

<table class="table table-striped" style="background-color: white; border-collapse: collapse; color: #212121; font-family: &quot;Google Sans Text&quot;, Roboto, sans-serif; font-size: 16px; margin-bottom: 1rem; width: 100%;">

<thead style="box-sizing: border-box;">

      <tr style="box-sizing: border-box;">

        <th style="border-bottom: 2px solid rgb(222, 226, 230); border-top: 1px solid rgb(222, 226, 230); box-sizing: border-box; padding: 0.75rem; text-align: left; vertical-align: bottom;">Requirement</th>

        <th style="border-bottom: 2px solid rgb(222, 226, 230); border-top: 1px solid rgb(222, 226, 230); box-sizing: border-box; padding: 0.75rem; text-align: center; vertical-align: bottom;">Minimum</th>

        <th style="border-bottom: 2px solid rgb(222, 226, 230); border-top: 1px solid rgb(222, 226, 230); box-sizing: border-box; padding: 0.75rem; text-align: center; vertical-align: bottom;">Recommended</th></tr>

</thead>

<tbody style="box-sizing: border-box;">

    <tr style="background-color: rgba(0, 0, 0, 0.05); box-sizing: border-box;">

      <td style="border-top: 1px solid rgb(222, 226, 230); box-sizing: border-box; padding: 0.75rem; vertical-align: top;">CPU Cores</td>

      <td style="border-top: 1px solid rgb(222, 226, 230); box-sizing: border-box; padding: 0.75rem; text-align: center; vertical-align: top;">4</td>

      <td style="border-top: 1px solid rgb(222, 226, 230); box-sizing: border-box; padding: 0.75rem; text-align: center; vertical-align: top;">8</td></tr>

    <tr style="box-sizing: border-box;">

      <td style="border-top: 1px solid rgb(222, 226, 230); box-sizing: border-box; padding: 0.75rem; vertical-align: top;">Memory in GB</td>

      <td style="border-top: 1px solid rgb(222, 226, 230); box-sizing: border-box; padding: 0.75rem; text-align: center; vertical-align: top;">8</td>

      <td style="border-top: 1px solid rgb(222, 226, 230); box-sizing: border-box; padding: 0.75rem; text-align: center; vertical-align: top;">16</td></tr>

    <tr style="background-color: rgba(0, 0, 0, 0.05); box-sizing: border-box;">

      <td style="border-top: 1px solid rgb(222, 226, 230); box-sizing: border-box; padding: 0.75rem; vertical-align: top;">Display resolution in pixels</td>

      <td style="border-top: 1px solid rgb(222, 226, 230); box-sizing: border-box; padding: 0.75rem; text-align: center; vertical-align: top;">WXGA (1366 x 768)</td>

      <td style="border-top: 1px solid rgb(222, 226, 230); box-sizing: border-box; padding: 0.75rem; text-align: center; vertical-align: top;">FHD (1920 x 1080)</td></tr>

    <tr style="box-sizing: border-box;">

      <td style="border-top: 1px solid rgb(222, 226, 230); box-sizing: border-box; padding: 0.75rem; vertical-align: top;">Free disk space in GB</td>

      <td style="border-top: 1px solid rgb(222, 226, 230); box-sizing: border-box; padding: 0.75rem; text-align: center; vertical-align: top;">36.0</td>

      <td style="border-top: 1px solid rgb(222, 226, 230); box-sizing: border-box; padding: 0.75rem; text-align: center; vertical-align: top;">56.0</td></tr>

</tbody>

</table>

</div>