記事検索

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

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 #フッター #マニュアル

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

  • ブログルメンバーの方は下記のページからログインをお願いいたします。
    ログイン
  • まだブログルのメンバーでない方は下記のページから登録をお願いいたします。
    新規ユーザー登録へ
ハッピー
悲しい
びっくり