練習問題3-1
下図のような結果になるように、ulタグとliタグを使ってHTMLを作成して下さい。
![ブラウザ](https://tech-popeye.com/wp-content/uploads/2021/11/browser_1_compressed-12.png)
練習問題3-2
下図のような結果になるように、tableタグを使ってHTMLを作成して下さい。
![ブラウザ](https://tech-popeye.com/wp-content/uploads/2021/11/browser_2_compressed-8.png)
練習問題3-3
下図のような結果になるように、HTMLとCSSを作成して下さい。
HTMLはdivタグ、CSSはborderとpaddingを使って下さい。
幅は100px、内側の余白は全て30px、線の色は黒、文字色は緑です。
![ブラウザ](https://tech-popeye.com/wp-content/uploads/2021/11/browser_3_compressed-15.png)
練習問題3-4
下図のような結果になるように、HTMLとCSSを作成して下さい。
HTMLはdivタグ、CSSはborderとpaddingを使って下さい。
幅は300px、高さは100px、線の色は黒、文字色は緑です。
![ブラウザ](https://tech-popeye.com/wp-content/uploads/2021/11/browser_4_compressed-8.png)
練習問題3-5
下図のような結果になるように、HTMLとCSSを作成して下さい。
HTMLはspanタグ、CSSはdisplayを使って下さい。
幅は300px、高さは100px、線の色は赤、文字色は黒です。外側の余白は、下側のみ10pxです。
![ブラウザ](https://tech-popeye.com/wp-content/uploads/2021/11/browser_5_compressed-6.png)
練習問題3-6
下図のような結果になるように、HTMLとCSSを作成して下さい。
HTMLはdivタグ、CSSはfloatを使って下さい。
幅は200px、高さは100px、線の色は黒、塗りつぶしの色は青、文字色は白です。外側の余白は、右側のみ10pxです。中側の余白は20pxです。
![ブラウザ](https://tech-popeye.com/wp-content/uploads/2021/11/browser_6_compressed-5-1024x508.png)
本節は以上になります。
トップページ <<前のカリキュラムへ戻る 次のカリキュラムへ進む [Windows] [Mac] >>