CSS content and Special Characters

by Bruce Lee

HTML

<table>
  <thead>
    <tr>
      <th>Character</th>
      <th>HTML Decimal Entity</th>
      <th>HTML Entity Name</th>
      <th>Unicode Hexadecimal</th>
      <th>Unicode Code Point (decimal)</th>
    </tr>
  </thead>
  <tbody>
    <tr>
      <td>!</td>
      <td>&amp;33;</td>
      <td></td>
      <td>\21</td>
      <td>U+0021 (33)</td>
    </tr>
    <tr>
      <td>“</td>
      <td>&amp;34;</td>
      <td>&amp;quot;</td>
      <td>\22</td>
      <td>U+0022 (34)</td>
    </tr>
    <tr>
      <td>#</td>
      <td>&amp;35;</td>
      <td></td>
      <td>\23</td>
      <td>U+0023 (35)</td>
    </tr>
    <tr>
      <td>$</td>
      <td>&amp;36;</td>
      <td></td>
      <td>\24</td>
      <td>U+0024 (36)</td>
    </tr>
    <tr>
      <td>%</td>
      <td>&amp;37;</td>
      <td></td>
      <td>\25</td>
      <td>U+0025 (37)</td>
    </tr>
    <tr>
      <td>&amp;</td>
      <td>&amp;38;</td>
      <td>&amp;amp;</td>
      <td>\26</td>
      <td>U+0026 (38)</td>
    </tr>
    <tr>
      <td>‘</td>
      <td>&amp;39;</td>
      <td>&amp;apos;</td>
      <td>\27</td>
      <td>U+0027 (39)</td>
    </tr>
    <tr>
      <td>(</td>
      <td>&amp;40;</td>
      <td></td>
      <td>\28</td>
      <td>U+0028 (40)</td>
    </tr>
    <tr>
      <td>)</td>
      <td>&amp;41;</td>
      <td></td>
      <td>\29</td>
      <td>U+0029 (41)</td>
    </tr>
    <tr>
      <td>*</td>
      <td>&amp;42;</td>
      <td></td>
      <td>\2a</td>
      <td>U+002A (42)</td>
    </tr>
    <tr>
      <td>+</td>
      <td>&amp;43;</td>
      <td></td>
      <td>\2b</td>
      <td>U+002B (43)</td>
    </tr>
    <tr>
      <td>,</td>
      <td>&amp;44;</td>
      <td></td>
      <td>\2c</td>
      <td>U+002C (44)</td>
    </tr>
    <tr>
      <td>-</td>
      <td>&amp;45;</td>
      <td></td>
      <td>\2d</td>
      <td>U+002D (45)</td>
    </tr>
    <tr>
      <td>.</td>
      <td>&amp;46;</td>
      <td></td>
      <td>\2e</td>
      <td>U+002E (46)</td>
    </tr>
    <tr>
      <td>/</td>
 ...

CSS

*{padding:0;margin:0;font-family:Lantinghei SC,HanHei SC,PingFang SC,arial,Microsoft Yahei,georgia,verdana,helvetica,sans-serif;}
body{background:#fff;}
table {
  border: 1px solid #CCC;
  border-collapse: separate;
  border-spacing: 0;
  font-size: 12px;
}

th {
  border: solid #06F;
  border-width: 0 0 2px 0;
  padding: .5em 1em;
}

td {
  border: solid #d8d8d8;
  border-width: 0 1px 1px 0;
  padding: .5em 1em;
  color:#5d5d5d;
}

td:first-child {
  border-width: 0 1px 1px;
}