Question

我需要做一个留言板类型的网页

我需要做一个留言板类型的网页 这个网页只需要显示我写的话就够，怎么简单怎么来 使用CSS最好。
CSS做不了请告诉下用啥来做。有现成的源代码最好。
最后附带一个一点就继续向下延伸的下一页按钮 当要在一个网页上。

Answer 1

<style>
.Gavin_Design ,.gd div{margin:0 auto; overflow:hidden; height:auto; background-color:transparent; color:#333;}
.gd{width:1000px;}
.gd input ,.gd textarea{margin:0; padding:0; background:none; border:none; font-size:14px; resize:none; outline:0;}
.gd .part{padding:15px 0;}
.gd .textarea{height:90px; border:1px solid #ddd; -webkit-box-shadow:inset 0 3px 2px rgba(0,0,0,.05); -moz-box-shadow:inset 0 3px 2px rgba(0,0,0,.05); box-shadow:inset 0 3px 2px rgba(0,0,0,.05); background:#fff; padding:10px;}
.gd .textarea textarea{width:100%; height:90px; overflow:hidden; overflow-y:auto;}
.gd .bottom_contorl{margin-top:15px;}
.gd .bottom_contorl .express{float:left; height:32px; line-height:32px; padding-left:10px;}
.gd .bottom_contorl .button{float:right; width:320px; height:32px; text-align:center; font-size:0;}
.bottom_contorl .button input{height:32px; width:150px; margin-left:10px; color:#fff; cursor:pointer;}
.bottom_contorl .button input.submit{background:#4779be;}
.bottom_contorl .button input.submit:active{background:#3c6eb4;}
.bottom_contorl .button input.cancel{background:#b5b5b5;}
.bottom_contorl .button input.cancel:active{background:#a9a9a9;}
.gd .part .init{width:100%; border-collapse:collapse; color:#333;}
.gd .part td{border-bottom:1px solid #e5e5e5; height:60px; padding:2%; vertical-align:middle;}
.gd .part .user{overflow:hidden; white-space:nowrap; text-overflow:ellipsis; font-size:12px; width:60px;}
.gd .part .me{color:#666;}
.gd .part .reply{color:#22627d;}
.gd .part .comments{font-size:14px;}
</style>

<div class="Gavin_Design gd">
 <div class="part">
  <div class="textarea">
   <textarea placeholder="你有什么话想说请留言"></textarea>
  </div>
  <div class="bottom_contorl">
   <div class="express">表情</div>
   <div class="button">
    <input type="button" class="submit" value="提交">
    <input type="button" class="cancel" value="取消">
   </div>
  </div>
 </div>
 <div class="part">
  <table cellpadding="0" cellspacing="0" class="init">
   <tr>
    <td width="10%"><div class="user me">我</div></td>
    <td width="90%" class="comments">你好，周末快乐！</td>
   </tr>
   <tr>
    <td><div class="user reply">韦恩，很长的名字</div></td>
    <td class="comments">下午好，呵呵！</td>
   </tr>
   <tr>
    <td width="10%"><div class="user me">我</div></td>
    <td width="90%" class="comments">好长的字好长的字好长的字好长的字好长的字。</td>
   </tr>
   <tr>
    <td><div class="user reply">呵呵，很长的名字</div></td>
    <td class="comments"><b>亲爱的。。。文字内容</b></td>
   </tr>
  </table>
 </div>
</div>

现成的提供给你参考，希望能帮到你^.^

追问

我用DW运行了一下 网页界面点提交之后无反应，对了 也许是我没讲清楚，我想别人随便跟我讲话 但只有我能看到的一个留言板。

追答

这是静态页面，你想的那些是动态功能，功能那些就需要你自己写了。