2021/4/4当記事アイキャッチのような問い合わせフォームの見た目を作っていきます。個人的にフォームはtableタグを使うと作りやすいかと思っております。value="いっけー"></form></div>フォームのひな型ができました。今回は見た目の調整なので、formのactionとmethodは空にしておきます。データ送信に必要なname属性なども書いていません。テーブルの行にはtrタグ、項目にはth(テーブルヘッダー)タグ、データにはtd(テーブルデータ)タグを基本的に使います。問い合わせ内容ここからCSSで見た目を調整していきます。枠に横幅を設定し、真ん中寄せ。中身(tableと送信ボタン)の横幅を枠いっぱいに広げています。わかりやすいようにデモでは背景に色を付けています。問い合わせ内容ここではテーブルは2列なので25%と75%で列幅を割り振っています。ついでにテーブルヘッダーの文字を左寄せにしています。入力欄の横幅を枠いっぱいに広げ、縦幅を任意の数値で設定しました。vertical-align:top;}行間をあける。最後に背景色を消して完成です。最後にソースコード全文を載せておきます。Posts関連記事は見つかりませんでした。コメントをキャンセルメールアドレスが公開されることはありません。*サイト次回のコメントで使用するためブラウザーに自分の名前、メールアドレス、サイトを保存する。上に表示された文字を入力してください。views2021/1/202023/5/13タイトルとURLをコピーしました。