评论区 html,js模拟评论区(示例代码)

*{

margin: 0;

padding: 0;

}

.box{

width: 500px;

height: 350px;

margin: 100px auto;

border: solid 1px black;

overflow-y: scroll;

}

.top{

width: 100%;

height: 30px;

background-color: #B6C9E7;

}

.top p{

font-family: "copperplate gothic light";

line-height: 30px;

text-align: center;

float: left;

}

.txt1{

font-family: "微软雅黑";

font-size: medium;

text-decoration: underline;

color: #2B6695;

margin: 10px 10px;

}

.txt2{

font-size: smaller;

margin-left: 10px;

}

button{

border: 0;

float: right;

margin-right: 30px;

margin-top: 10px;

width: 40px;

bac