🌹マニュアル🌹WEB🌎HTML🌎フッター
1月
1日
---------
フッター部を入力するよ
Progate フッターのロゴはProgate
フッターのリストは、
箇条書きで、
永尾まりやちゃん
高石光ちゃん
後藤恭子さま
箇条書き終わり
フッターリストの部分終わり
フッターの部分終わり
-------------------
横並びにする→cssで「float:left;」
・liにかければli要素のみ
・header-logoにかければロゴとli要素が並ぶ
ただし、そのままだとフッターにもかかってしまう。
ヘッダーだけでよい場合は、「.float-list□ li｛
----------------------------------
Progate
Progate
プログラミングとは
学べるレッスン
お問い合わせ
Progate
--------
body {
font-family: "Avenir Next";
}
li {
list-style: none;
/* 以下の2行を削除してください */
}
.header {
background-color: #26d0c9;
color: #fff;
height: 90px;
}
.header-logo {
float: left;
font-size: 36px;
padding: 20px 40px;
}
/* header-listの中のli要素にのみ適用したいCSSを記述してください */
.header-list li{
float: left;
padding: 33px 20px;
}
.main {
background-color: #bdf7f1;
height: 600px;
}
.footer {
background-color: #ceccf3;
height: 270px;
}
html> head> title> body> ul> li> li> li>
シェア