テーブルの中に罫線を入れるには？

Question

私はhtmlの新しいブランドで、テーブルの中にどのように境界線を作ることができるのだろうと思っていましたか？しかし、すべて私が行うことができた、私は私が私のテーブルには、そのように見えるようにしようとしていますことを示すためにいくつかのコードを作った

もちろん

：私は何をしようとしていますことはまさにこれですこの：

私は2番目絵に示されている何のためのコードはここにある：

<table border="4"> 
    <caption>Table - 6 -</caption> 
     <tr> 
      <th rowspan="2">Item 1</th> 
      <td>Item 2</td> 
      <td>Item 3</td> 
      <td>Item 4</td> 
     </tr> 
     <tr> 
      <td>Item 5</td> 
      <td>Item 6</td> 
      <td>Item 7</td> 
     </tr> 

</table> 

私はにウェブページのCSSを使用しようとしていません。私はもっ​​と多くのHTMLを理解したいと思う。あなたが<span>要素とスタイルスパン内の "アイテム1" を置くことができ

Answer 1

CSSを使用しない場合、ネイティブの枠線を持つ唯一のHTML要素はtableとimgです。私はここで、ネストされたテーブルでいいと思う：

<table border="4"> 
 
    <caption>Table - 6 -</caption> 
 
     <tr> 
 
      <th rowspan="2"><table border="4"><tr><td>Item 1</td></tr></table></th> 
 
      <td>Item 2</td> 
 
      <td>Item 3</td> 
 
      <td>Item 4</td> 
 
     </tr> 
 
     <tr> 
 
      <td>Item 5</td> 
 
      <td>Item 6</td> 
 
      <td>Item 7</td> 
 
     </tr> 
 
</table>

HTMLプレゼンテーション、唯一のCSSのために使用すべきではないとあなたが、しかし実際のウェブサイトでこれをやってみたいことはありませんでした。

Answer 2

：私は、インラインCSSを使用していたhttps://jsfiddle.net/tfs4f8sd/

注：

<table border="4"> 
    <caption>Table - 6 -</caption> 
     <tr> 
      <th rowspan="2"><span style="border:2px solid black;">Item 1</span></th> 
      <td>Item 2</td> 
      <td>Item 3</td> 
      <td>Item 4</td> 
     </tr> 
     <tr> 
      <td>Item 5</td> 
      <td>Item 6</td> 
      <td>Item 7</td> 
     </tr> 

</table> 

はフィドルを参照してください。内側の境界線にクラス名を付けたい要素をCSSに書いてください。