店舗案内ページで使用するスタイルの作成|さきちんWEB▲SakichinWEBホームページの作り方:さきちんうぇぶホームページの作り方を基礎から学べるウェブサイト。わかりやすい説明で初心者も安心!店舗案内ページのスタイルを用意するHOMEホームページを完成させようSTEP6.他のページを完成させよう店舗案内ページのスタイルを用意する新規スタイルを作成しようそれでは、店舗情報を表示する表(table)に適用するスタイルを作成しましょう。「style.css」を開きます。「.tablestyle」は横幅593px、テキストを左寄せにするスタイルです。これを適用することにより、「table」の横幅が593pxに設定され、全てのテキストが左寄せとなります。step.1まずはセレクタを入力しましょう。「style.css」ファイルに以下コードを入力します。{}step.2次に、横幅の指定とテキストの左寄せを入力します。{text-align:left;width:593px;}これで「.tablestyle」の完成です。入力内容に間違いがないか確認しましょう。td」を作成しましょう。このスタイルはさきほど作成した「.tablestyle」の「td」に適用されるスタイルとなり、「td」の下方向に#CCC、1pxの破線を表示します。step.1まずはセレクタを入力しましょう。{}step.2次にborder-bottomを入力します。入力内容に間違いがないか確認しましょう。th」を作成しましょう。このスタイルは「.tablestyle」の「th」に適用されるスタイルとなります。「th」の背景画像を#630に指定し、テキストの色を#FFF、中央寄せにします。step.1まずはセレクタを入力しましょう。{}step.2次に背景色の指定、テキストの色、テキストの中央寄せを指定します。入力内容に間違いがないか確認しましょう。[CSSの記述例]これで全てのスタイルの完成です。次のページでは店舗案内ページを完成させましょう!覚えておきたいポイント表のスタイルの作成ここで作成するスタイルは、全て表に適用されるスタイルとなります。スタイルを適用しなくても表としての機能に問題はないのですが、見栄えは大きく劣ります。良質なコンテンツを作り込む検索エンジン最適化(SEO対策)広告を出すSNSを利用する独自ドメインを取得しようあとがき快適なサイト運営のためにウィルス対策について安心してホームページを運営するための心がけ。HTMLの特殊文字一覧よく使う、HTMLの特殊文字・記号の一覧表。カラーコードの一覧HTML・CSSで使えるカラーコードの一覧表。当サイトをご利用になる前に、必ずご確認ください。FAQよくあるご質問など。お問い合わせさきちんWEBについてのお問い合わせはこちらから。個人情報管理とWeb広告配信について。運営者情報さきちんWEBの管理・運営者、さきちんについて。サイトマップさきちんWEBのサイトマップ。さきちんWEBについてホームページの作り方を学習できるウェブサイトです。さきちんWEBはホームページの作り方が学べるウェブサイトです。基本から応用まで、ホームページ制作に必要な知識が身につきます。初心者でもOK!難しい専門用語を使わず、わかりやすい説明でホームページの作り方を学ぶことができます。お手本を見ながらサクサク学習。実践形式でグングン上達。まで必要な知識がまとめて身につく、オールインワン学習サイトです。SakichinWEB。