求職者支援訓練Webデザイン Webサイト制作科 白描

求職者支援訓練Webサイト制作科 補足メモ Web白描

HTML+CSS基礎

floatを使ったレイアウト基礎 - まとめ

floatを使ったレイアウト 以下のレイアウトを作成しなさい(サイズ・色は、適宜) 960px内にレイアウトすること 2カラム <body> <div class="container"> <main class="box main"></main> <div class="box sidebar"></div> </div> </body> html,body { margin: 0; padding: 0; } .container { overflow: hidden; width: 960px; margin: 50px auto; border: 1px dotted…

floatを使ったカラムレイアウト

2カラムレイアウト メインコンテンツとサイドバーが横に並ぶ <html lang="ja"> <head> <meta charset="UTF-8"> <title>floatを使ったレイアウト:2カラム</title> <style> html,body { margin: 0; padding: 0; } .container { overflow: hidden; width: 960px; margin: 50px auto; border: 1px dotted #000; } .box { height:</meta></head></html>…