html5中的输⼊框、按钮等样式
1.⽂本框样式:
<input type="text" placeholder="Please(提⽰⽂字)" >
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.圆形按钮:html内容文本框
<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;
}
搜索框等等格式同上,聪明的⼩宝宝们我就不⽤⼀⼀介绍啦
版权声明:本站内容均来自互联网,仅供演示用,请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198,我们将在24小时内删除。
发表评论