html布局 书,关于贴友的一个书本页面简单布局（html+css）的实现

1:

DOCTYPE HTML>

html>

head>

meta http-equiv="content-type" content="text/html;charset=utf-8">

title>Test

meta name="author" content="淡忘~浅思">

link rel="stylesheet" type="text/css" href="shuben.css">

head>

body>

div class="content">

p class="text">

a href="http://www.ido321.com" target="_blank">www.ido321.com.程序爱好者QQ群：259280570，如果你是coder，欢迎你加入我们。如果你是coder，欢迎你加入我们。

p>

div class="code">

pre style="margin-left:-250px">

18: padding-left:2em;

20: }

pre>

div>

p class="text">

a href="http://www.ido321.com" target="_blank">www.ido321.com.程序爱好者QQ群：259280570，如果你是coder，欢迎你加入我们。如果你是coder，欢迎你加入我们。我的博客：www.ido321.com.程序爱好者QQ群：259280570，如果你是coder，欢迎你加入我们。如果你是coder，欢迎你加入我们。

p>

div class="imgDiv">

div class="left">

img src="1.jpg">

p>图1：XXXXXX

div>

div class="right">

img src="1.jpg">

p>图2：XXXXXX

div>

div>

div>