複数の写真をレイアウトする方法を教えてください_html/css_WEB-ITnose

CSS div レイアウト

レンダリング:

リソース画像:
写真 1

写真 2

写真 3

写真 4

写真 5


ページコードの書き方...

ディスカッションに返信 (解決策)

うーんピクセル; パディング:10ピクセル; border-radius:......

写真を配置するにはどうすればよいですか? 、。 。 。

それはまだ簡単すぎます。 。 。 。 。 。 。 。 。 。 。 。 。 。 。 。 。

これは C/S からのものですか?これで大丈夫でしょうか？

仕事を辞める時間です。明日お届けします。

仕事を辞める時間です。明日お届けします。 わかりました

画像にいくつかの調整を加えました。調整された画像がこれです。

<style type="text/css">    .msg-list li{ text-align:left; margin-bottom:10px; padding:10px; color:red;border-radius:5px; border:1px solid red;}    .msg-list li:nth-child(odd){ border-left-width:10px;}    .msg-list li:nth-child(even){ text-align:right; color:green; border:1px solid green;border-right-width:10px;}</style><section class="msg-center">    <ul class="msg-list">        <li>            <div class="msg-title">                <time>2013-01-24 09:24:23</time>            </div>            <div class="msg-main">                <p>你好，很高兴为你服务</p>            </div>        </li>        <li>            <div class="msg-title">                <time>2013-01-24 09:24:23</time>            </div>            <div class="msg-main">                <p>你好，很高兴为你服务</p>            </div>        </li>        <li>            <div class="msg-title">                <time>2013-01-24 09:24:23</time>            </div>            <div class="msg-main">                <p>你好，很高兴为你服务</p>            </div>        </li>    </ul></section>

ざっくりとやりました。特定の詳細を自分で調整できます。携帯電話の解像度は 480 320 240 です。自分で調べる必要があります。