html圆圈按钮代码样式,html5中的输入框、按钮等样式

1.文本框样式：

2.按钮样式：

2.1.

#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.圆形按钮：

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

}

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