html5中的输入框、按钮等样式

1.文本框样式：

<input type="text" placeholder="Please（提示文字）" style="width: 600px;height: 20px;position: absolute;top: 179px;left: 250px; border-bottom-right-radius: 10px;  border-bottom-left-radius: 10px;    border-top-left-radius: 10px;    border-top-right-radius: 10px;">

2.按钮样式：

  2.1.  <a href="Index.html"><input type="button" id="GG1" value="GET  STARTED-->"></a>

#GG1{
    width: 180px;
    height: 37px;
    position: absolute;
    top: 228px;
    left: 457px;
    border-bottom-right-radius: 10px;
    border-bottom-left-radius: 10px;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    background-color: floralwhite;
}
#GG1:hover{
    background-color: #fd6a80;

}

      --->

2.2.圆形按钮：

 <a href="#basicinformation"> <input id="btncircle" type="button" value="next"></a>

#btncircle{
    width: 70px;
    height: 70px;
    border-radius: 50%;
    position: absolute;
    top: 306px;
    left: 660px;
    color: #ff8232;
    font-size: x-large;
    border: solid white;
    background: none;
}

搜索框等等格式同上，聪明的小宝宝们我就不用一一介绍啦