先看效果图：
代码如下：
首先是style：
#di1{
border: 1px solid #D3D3D3;
width: 700px;
height: 500px;
background-color: azure;
}
p{
font-size: 10px;
color: #008000;
}
#di2{
border: 1px solid #FFFFFF;
width: 400px;
height: 400px;
}
#di3{
border: 1px solid #FFFFFF;
width: 400px;
height: 40px;
margin-left: 1.25rem;
}
#di4{
border: 1px solid #FFFFFF;
width: 400px;
height: 100px;
margin-left: 1.25rem;
}
.cla3{
text-align: center;
}
.disc{list-style-type: disc;}
下面是body代码：
留言板 科技工作建言者
发表留言
姓 名：
电子邮件：
分 类：科技工作者建言 不保密 保密 留言类型： 科技 生活
留 言:
注：如果您的留言不便公开，请选择”保密”选项，提交后可凭系统反馈给您的留言编号、查询密码和您的姓名查询回复。
- 请遵守国家有关法律、法规，尊重网上道德，承担一切因您的行为而直接或间接引起的法律责任。
- 本网站拥有管理笔名和留言的一切权利。
发布者：全栈程序员-站长，转载请注明出处：https://javaforall.net/178364.html原文链接：https://javaforall.net
