js模拟微博发布消息

话不多说，请看代码：

  
    
    
    
  
  
    *{
      padding: 0;
      margin: 0;
    }
    .box{
      width: 600px;
      height:auto;
      margin: 100px auto;
      border: 1px solid #ccc;
      padding: 20px;
    }
    .box span{
      line-height: 36px;
    }
    input{
      width: 450px;
      padding: 10px;
    }
    .text-box {
      display: inline-block;
      width: 450px;
     text-align: left;
     min-height: 30px;
     line-height: 26px;
     border: 1px solid #ddd;
     padding: 3px 8px;
    }
    ul{
      margin: 20px auto;
      margin-left: 70px;
      width: 450px;
      list-style:none ;
    }
    li{
      border-bottom: 1px dashed #ddd;
      line-height: 34px;
      margin: 5px 0;
      overflow: hidden;
    }
    ul li .date{
      float: right;
      margin-right: 10px;
      font-size: 12px;
    }
    ul li a{
      float: right;
    }
    button{
      padding: 6px 12px;
    }
  
  
    
      微博发布
      
      
      发布
      
    
  

以上就是本文的全部内容，希望本文的内容对大家的学习或者工作能带来一定的帮助，同时也希望多多支持考高分网！