<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>我的留言板</title>
<style type="text/css">
#message{
margin: 0px auto;
width: 800px;
}
.way{
overflow: hidden;
}
.content{
width: 794px;
}
.user{
float: left;
}
.btn{
float:right;
}
.msg{margin:50px 0px;padding: 10px;background: #ccc;}
.msg .info{overflow: hidden;}
.msg .user{float: left;color: blue;}
.msg .time{float: right;color: #999;}
.msg .content{width: 100%;margin:20px 0px;color: red;}
</style>
</head>
<body>
<div id="message">
<!--发表留言-->
<div class="way">
<form action="123.php" method="post">
<textarea name="content" class="content" cols="50" rows="5"></textarea>
<input class="user" type="text" name="text"/>
<input class="btn" type="submit" value="发表留言">
</form>
</div>
<!--留言内容-->
<div class="msg">
<div class="info">
<span class="user">用户名:</span>
<span class="time">2019年11月13日</span>
</div>
<div class="content">
我是留言内容我是留言内容我是留言内容我是留言内容我是留言内容我是留言内容我是留言内容我是留言内容我是留言内容我是留言内容我是留言内容我是留言内容我是留言内容我是留言内容
</div>
</div>
<div class="msg">
<div class="info">
<span class="user">用户名:</span>
<span class="time">2019年11月13日</span>
</div>
<div class="content">
我是留言内容我是留言内容我是留言内容我是留言内容我是留言内容我是留言内容我是留言内容我是留言内容我是留言内容我是留言内容我是留言内容我是留言内容我是留言内容我是留言内容
</div>
</div>
<div class="msg">
<div class="info">
<span class="user">用户名:</span>
<span class="time">2019年11月13日</span>
</div>
<div class="content">
我是留言内容我是留言内容我是留言内容我是留言内容我是留言内容我是留言内容我是留言内容我是留言内容我是留言内容我是留言内容我是留言内容我是留言内容我是留言内容我是留言内容
</div>
</div>
</div>
</body>
</html>
网友评论