个人网站建立-2.0

板块留言丰富：

 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;
}

/*配色和边框美化伤脑筋*/