CSSの書き方について 初心者です。画像にあるデザインをCSSで書こうとしておりますが、書き方がわからず苦戦しております。 ーーーーーーーーーーコードーーーーーーーーーー [HTML]

画像

その他の回答(1件)

1

pow********さん >・・・・画像にあるデザインをCSSで書こうと・・・・・・・ 例えば、↓ <!DOCTYPE html> <html lang="en"> <head> <style> .box{ position:relative; width:30%; margin:0 auto; } .wrapper{ position:relative; display: flex; width:100%; height:300px; } .A{ flex:1; background:#0a0; } .B{ flex:4; background:#fff; } .C{ flex:3; background:#0a0; } .center_text{ position:absolute; width:100%; top:20%; text-align:center; font-size:3em; color:#aaa; } </style> </head> <body> <section class="box"> <div class="wrapper"> <div class="A">A</div> <div class="B">B</div> <div class="C">C</div> </div> <p class="center__text"> こんにちは!私です </p> </section> </body> </html>

1人がナイス!しています