記事検索

こんにちは。紫のバラの人です。

https://jp.bloguru.com/love

フリースペース

🌹マニュアル🌹WEB🌎HTML🌎フッター

スレッド
■基本


< div class="footer" >-----------------------フッターの部分をやる。
< div class="footer-logo" >Progate< /div >----ロゴの部分はProgate
< div class="footer-list" >-----------------リストの部分は次の通り
< ul>-------------------------------------unorderdlist(順序無関係のリスト)
< li >会社概要< /li >
  < li >採用< /li >
  < li >お問い合わせ/li >
< /ul >------------------------------------listの内容終わり
< /div >------------------------------------listの部分終わり
< /div >-------------------------------------フッターの部分終わり





--------------------

■そのままだと縦に並ぶ

Progate
会社概要
採用
お問い合わせ



■アレンジ1)リストを横並びにしたい

Progate 会社概要 採用 お問い合わせ


li{
float: right;------------listの要素を右に横並びになる
}

■アレンジ2)ロゴは左寄せ、リストは右寄せにしたい

Progate            会社概要
                採用
                お問い合わせ

左端に配置したい「footer-logo」にはfloat: left;を、
右端に配置したい「footer-list」にはfloat: right;を指定

---------------

一般的には
< header >< /header >
< footer >< /footer >



#html #フッター #マニュアル

ワオ!と言っているユーザー

  • ブログルメンバーの方は下記のページからログインをお願いいたします。
    ログイン
  • まだブログルのメンバーでない方は下記のページから登録をお願いいたします。
    新規ユーザー登録へ
* は必須項目です。必ずご記入ください
  • コメントは承認後に表示されます。

🙂 絵文字の使い方:
• キーボードのショートカットキー: Macの場合 - コントロール + コマンド + スペース、Windowsの場合 - Windows+ピリオド
• コピーペースト: お好きな絵文字をこちらから選び、テキストエディタにコピーペースト
  • なし
  • 中央
チェックされている場合は表示されます。
画像認証
ハッピー
悲しい
びっくり