HTML
 Computer >> コンピューター >  >> プログラミング >> HTML

HTMLで折りたたまれた境界線を作成するにはどうすればよいですか？

HTMLで折りたたまれた境界線を作成するには、border-collapseCSSプロパティを使用します。このプロパティには、次の値を指定できます。

プロパティ値
説明
個別
境界線が切り離されています
折りたたみ
これにより、境界線が1つの境界線に折りたたまれます

追加する方法は次のとおりです

HTMLで折りたたまれた境界線を作成するにはどうすればよいですか？

例

次のコードを実行して、プロパティが折りたたまれた状態で折りたたまれた境界線を作成できます。

<!DOCTYPE html>
<html>
   <head>
      <style>
         table {border-collapse: collapse; }
         table, td, th { border: 1px solid blue; }
      </style>
   </head>
   <body>
      <h1>Technologies</h1>
      <table>
         <tr>
            <th>IDE</th>
            <th>Database</th>
         </tr>
         <tr>
            <td>NetBeans IDE</td>
            <td>MySQL</td>
         </tr>
      </table>
   </body>
</html>

例

次のコードを実行して、プロパティが分離された折りたたまれた境界線を作成してみてください。

<!DOCTYPE html>
<html>
   <head>
      <style>
         table { border-collapse: separate; }
         table, td, th { border: 1px solid blue; }
      </style>
   </head>
   <body>
      <h1>Technologies</h1>
      <table>
         <tr>
            <th>IDE</th>
            <th>Database</th>
         </tr>
         <tr>
            <td>NetBeans IDE</td>
            <td>MySQL</td>
         </tr>
      </table>
   </body>
</html>

  1. HTMLで非表示のコメントを作成するにはどうすればよいですか？

    HTMLで非表示のコメントを作成するには、で終了します。中に入るものは何でも隠されています。これらのコメントは、コードを再度参照する必要がある場合に役立ちます。これにより、コードを簡単に理解できます。 コメントは自分へのメモと見なすことができます。これはHTMLコードも非表示にするため、ブラウザには表示されません。 例 次のコードを実行して、HTMLの非表示のコメントについて学習することができます <!DOCTYPE html> <html> <head> <title>HTML Comments</title> </

  2. HTMLで参考文献を作成するにはどうすればよいですか？

    参考文献は、参照されている本のリストが記載されているセクションです。 HTMLを使用すると、参考文献を簡単に作成できます。そのために、タグを使用して本を一覧表示し、を使用して作品のタイトルを追加します。 タグは、曲、絵画、映画などの作品のタイトルを追加するためにも使用されます。引用を示し、タグ内にあるものはすべて作品のタイトルを表します。 例 HTMLで参考文献を追加する方法を見てみましょう <!DOCTYPE html> <html>    <head>       <title>B