DIV+CSS样式---网易盖楼

最新推荐文章于 2023-03-07 20:42:29 发布

爆米花机枪手

最新推荐文章于 2023-03-07 20:42:29 发布

阅读量2k

点赞数

分类专栏： HTML 文章标签：盖楼网易 DIV CSS HTML

HTML 专栏收录该内容

12 篇文章 1 订阅

订阅专栏

网易的评论样式做的好，我天天盖楼,找了个DIV样式，而且以用动态的测试成功，下面是样式代码

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>网易评论的盖楼样式</title>
<style type="text/css">
<!--
body,td,th {
     font-size: 12px;
     background:#f0f0f0;
}

.pluns {width:800px;margin:0 auto;background:#fff;border:solid 1px #e6e6e6;}
.plunst {color:#1e50a2;line-height:32px;margin:1px;padding:0 8px 0 8px;}
.plunst span {float:right;color:#666666;}
.plunsb {padding:5px 8px 8px 8px;line-height:18px;margin:1px;}

.plung {margin:5px;background:#ffffee;border:solid 1px #999999;}
.plungt {color:#1e50a2;line-height:32px;margin:1px;padding:0 8px 0 8px;}
.plungt span {float:right;color:#666666;}
.plungb {padding:5px 8px 8px 8px;line-height:18px;margin:1px;}

-->
</style></head>

<body>

<div class="pluns">
     <div class="plunst">
          <span>2009-05-27 08:51:48 发</span>
          网易山东东营网友 ip：123.129.*.*：
     </div>    
    
     <!--盖楼开始 start-->
     <div class="plung">
          <!--一楼一楼一楼一楼一楼 start-->
<div class="plung">
     <!--22222222222 start-->
<div class="plung">
     <!--第三三三三三层楼 start-->
<div class="plung">
     <!--第44444444层楼 start-->
<div class="plung">
     <!--第五层楼 start-->
<div class="plung">

     <!--plungt staart-->
     <div class="plungt">
          <span>一楼 2009-05-27 08:51:48 发</span>
          网易山东东营网友 ip：123.129.*.*：
     </div>
     <!--plungt end-->
     <!--plungb start-->
     <p class="plungb">
         吃饭睡觉打豆豆
     </p>
     <!--plungb end-->
</div>
<!--第五层楼 end-->
     <!--plungt staart-->
     <div class="plungt">
          <span>二楼 2009-05-27 08:51:48 发</span>
          网易山东东营网友 ip：123.129.*.*：
     </div>
     <!--plungt end-->
     <!--plungb start-->
     <p class="plungb">
          <pre name="code" class="html">吃饭睡觉打豆豆

</p> </div>  <div class="plungt"> <span>三楼2009-05-27 08:51:48 发</span> 网易山东东营网友 ip：123.129.*.*： </div>   <p class="plungb">

吃饭睡觉打豆豆

</p> </div>  <div class="plungt"> <span>四楼 2009-05-27 08:51:48 发</span> 网易山东东营网友 ip：123.129.*.*： </div>   <p class="plungb">

吃饭睡觉打豆豆

</p> </div>  <div class="plungt"> <span>五楼 2009-05-27 08:51:48 发</span> 网易山东东营网友 ip：123.129.*.*： </div>   <p class="plungb">

吃饭睡觉打豆豆

</p> </div>  <div class="plungt"> <span>六楼 2009-05-27 08:51:48 发</span> 网易山东东营网友 ip：123.129.*.*： </div>   <p class="plungb">