1月21日(水)2コマ目
今日、やったこと
- [練習問題(余白・枠線)]マンボウ
- [練習問題(余白・枠線)]フグ
- 横並び
今日のホワイトボード
[練習問題(余白・枠線)]マンボウ
正解例をあげておきます。
編集したのはstyle.cssのみ。
[練習問題(余白・枠線)]フグ
正解例をあげておきます。
編集したのはstyle.cssのみ。
演習１
演習２
演習３
演習４
演習５
演習６
演習７
横並び
HTMLは記述順に縦に並ぶ。
 |
| 図 横並び設定前 |
横に並べるには、横に並べる要素の親要素に display: flex を指定する。
index.html
itemクラスの要素を横並びにするには、itemクラスの親要素(id=container)に display:flex を指定する。
 |
| 図 横並びにするには |
style.css
 |
| 図 横並び設定後 |
[練習問題]横並び
正解例をあげておきます。
 |
| 図 ヒント |
編集するのはstyle.cssのみ。
次回は
横並びのつづき。
