板块留言丰富：
?1.html代码：
?? ??? ??? ???? <form name="message" method="post" target="_blank">
?? ??? ??? ??? ??? ?<p id="p1">请写下要对我说的话吧：</p>
?? ??? ??? ??? ??? ?<textarea class="wenbenkuang" rows="25" cols="61"></textarea><br />
?? ??? ??? ??? ??? ?<span>你的名字：</span>
?? ??? ??? ??? ??? ?<input class="mingzi" type="text" /><br />
?? ??? ??? ??? ??? ?<input class="biaobai" type="submit" value="表白"/>
?? ??? ??? ??? ??? ?<p id="p2">(现在还不行哦~)</p><!--因为后端还没学（~.~）-->
?? ??? ??? ??? ?</form>
2.css修饰：
form{
?? ?clear: both;
?? ?position: relative;
?? ?top: 100px;
?? ?left: 227px;
}
#p1{
?? ?font-size: 20px;
?? ?font-weight: 400;
?? ?color: #E0FFFF;
}
.wenbenkuang{
?? ?background-color: #E0FFFF;
?? ?border-radius: 8px;/*消除菱角*/
?? ?border-width: 0px;/*消除边框*/
?? ?/*设置文本框输入字体的大小与粗细*/
?? ?font-size: 20px;
?? ?font-weight: 500;
}
form span{
?? ?color: #55AAFF;
}
.mingzi{
?? ?background-color: white;
?? ?border-radius: 8px;/*消除菱角*/
?? ?border-width: 0px;/*消除边框*/
?? ?border-bottom-width: 1px;
?? ?border-bottom-color: black;
?? ?
}
.biaobai{/*按钮*/
??? border-width: 0px;/*消除边框*/
?? ?border-bottom-width: 1px;
?? ?border-radius: 8px;/*消除菱角*/
?? ?position: relative;
?? ?left: 230px;
?? ?height: 23px;
?? ?width: 45px;
?? ?background-color: azure;
?? ?font-size: 16px;
?? ?font-weight: 350;
}
#p2{
?? ?position: relative;
?? ?left: 185px;
?? ?font-size: 20px;
?? ?font-weight: 400;
?? ?color: #55AAFF;
}
/*配色和边框美化伤脑筋*/