HTML内のテーブル内の特定の列の周りの境界線

-3

HTMLの表の列の周りに境界線を配置するにはどうすればよいですか？このような関数にcolspanを使用していますか？HTML内のテーブル内の特定の列の周りの境界線

出典

2017-09-08 Shivangi Singh

、あなたは[ '' ]（https://developer.mozilla.org/en-US/docs/Web/HTML/Element/見つけるかもしれませんcolgroup）要素で構成されています。 – showdev

[CSS：表の列間の境界線のみ]の複製が可能です（https://stackoverflow.com/questions/3313456/css-borders-between-table-columns-only） – rndus2r

上記の投稿の可能な複製my rndus2r – Zoffa

-1

使用;

td { border: 1px solid #000000; }

colspanはセルをマージすることです。例えば;行の下2個の細胞

<tr><td colspan="2">Merged Column</td></tr>

https://www.w3schools.com/tags/tryit.asp?filename=tryhtml_td_colspan

出典

2017-09-08 00:35:12 msg

これはすべての**セル**にボーダーを追加するには**の列**と同じではありません。 – rndus2r

はい、そうです。特定の列に必要な場合は、その列に「クラス」を追加して、その列だけに境界線のスタイルを割り当てることができます – msg

をマージここで、各行の同じ列をスタイリングすることなく、列境界の例を示します。
詳細については、<colgroup>を参照してください。

table { 
 
    border-collapse: collapse; 
 
} 
 
.outlined { 
 
    border: 1px solid blue; 
 
}

<table> 
 
    <colgroup> 
 
    <col> 
 
    <col class="outlined"> 
 
    <col span="3"> 
 
    </colgroup> 
 
    <tr> 
 
    <td>First</td> 
 
    <td>Second</td> 
 
    <td>Third</td> 
 
    <td>Fourth</td> 
 
    <td>Fifth</td> 
 
    </tr> 
 
    <tr> 
 
    <td>First</td> 
 
    <td>Yellow</td> 
 
    <td>Third</td> 
 
    <td>Fourth</td> 
 
    <td>Fifth</td> 
 
    </tr> 
 
    <tr> 
 
    <td>First</td> 
 
    <td>Yellow</td> 
 
    <td>Third</td> 
 
    <td>Fourth</td> 
 
    <td>Fifth</td> 
 
    </tr> 
 
</table>

出典

2017-09-08 00:46:06 showdev

HTMLコード

<table> 
    <tr> 
    <th>Expenses</th> 
    <th>Cost</th> 
</tr> 
<tr> 
    <td>iPhone 8</td> 
    <td>$1200</td> 
    </tr> 
    <tr> 
    <td>MacBook Pro</td> 
    <td>$2800</td> 
    </tr> 
    <tr> 
    <td colspan="2">Sum: $4000</td> 
    </tr> 
</table>

CSSコード

th, td { 
border: 2px solid black; 
}

また、{テーブルで遊ぶことができますあなたがHTMLの上に持っている制御に応じて、境界線は}

出典

2017-09-08 01:33:05

-1

<html> 
<head> 
<title></title> 
<style> 
table, th, td { 
    border: 1px solid #000; 
} 
</style> 
</head> 
<body> 
    <table style="width:100%"> 
     <tr> 
      <th>Firstname</th> 
      <th>Lastname</th> 
      <th>Age</th> 
     </tr> 
     <tr> 
      <td>Raju</td> 
      <td>Kumar</td> 
      <td>22</td> 
     </tr> 
     <tr> 
      <td>Mohit</td> 
      <td>Sharma</td> 
      <td>20</td> 
     </tr> 
    </table> 
</body> 
</html>

出典

2017-09-08 05:35:00 webtrackstudio

HTML内のテーブル内の特定の列の周りの境界線

答えて

関連する問題