• ベストアンサー

このようなレイアウトでcssを組みたい

画像を制作したので下記に画像をのせました。 画質が悪い場合がありますのでツイッターの方にもあげておきましたので、ご確認していただければと思います。 下記のようなレイアウトを組もうとしているのですが、どうもうまく行かずに格闘しています。どなたかcssで表現していただければ大変ありがたいです。よろしくお願いいたします!

質問者が選んだベストアンサー

  • ベストアンサー
  • DrFell
  • ベストアンサー率55% (305/551)
回答No.1

何が聞きたいのか、いまいちわからないのですが、こんな感じでしょうか? <<html> <head> <style type="text/css"> body{border-left:50px solid #000000;border-right:50px solid #000000;padding:10px 50px;} body *{border:1px solid #999999;padding:1em;} div{margin:1em;} </style> </head> <body> <div id="example">&lt;div id=&quot;example&quot;&gt; <div class="about">&lt;div class="about" &gt; <h3>&lt;h3&gt;</h3> <p>&lt;p&gt;</p> </div> <div class="about">&lt;div class="about" &gt; <h3>&lt;h3&gt;</h3> <p>&lt;p&gt;</p> </div></div> </body> </html>

関連するQ&A