ホームページ >ウェブフロントエンド >htmlチュートリアル >複数の写真をレイアウトする方法を教えてください_html/css_WEB-ITnose
CSS div レイアウト
レンダリング:うーんピクセル; パディング: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 です。自分で調べる必要があります。