ホームページ作成/HTML・スタイルシート(CSS)の基礎

HTMLソースを見やすくしたい!(3ページ目)

昔に記述したHTMLを修正しようと思ったとき、「このソースは一体どこに何が記述されているの??」と悩んだ経験はありませんか? 後から読んでもすぐに内容を把握できる、分かりやすいソースを書く方法をご紹介。

西村 文宏

執筆者:西村 文宏

ホームページ作成ガイド

表に枠線を付けるスタイルシート

次の表を作るためのスタイルシートをご紹介致します。HTMLは1ページ目に掲載している通りです。

果物 野菜
みかん にんじん
りんご なす

table {
   border-collapse: collapse;
   border: 2px black solid;
}
table th {
   border-bottom: 1px black solid;
   border-right: 1px gray solid;
   padding: 0.3em;
}
table td {
   border: 1px gray solid;
   padding: 0.3em;
}

前のページへ戻る


【編集部おすすめの購入サイト】
楽天市場でホームページ作成関連の書籍を見るAmazon でホームページ作成の参考書を見る
  • 前のページへ
  • 1
  • 2
  • 3
※記事内容は執筆時点のものです。最新の内容をご確認ください。
※OSやアプリ、ソフトのバージョンによっては画面表示、操作方法が異なる可能性があります。

あわせて読みたい

あなたにオススメ

    表示について

    カテゴリー一覧

    All Aboutサービス・メディア

    All About公式SNS
    日々の生活や仕事を楽しむための情報を毎日お届けします。
    公式SNS一覧
    © All About, Inc. All rights reserved. 掲載の記事・写真・イラストなど、すべてのコンテンツの無断複写・転載・公衆送信等を禁じます