How to use css style to make a good-looking form style
Editor to share with you how to use css style to make a good-looking form style, I believe that most people do not know much about it, so share this article for your reference, I hope you can learn a lot after reading this article, let's go to know it!
Form Code:
Name graphic library
E-mail graphic library
Website graphic library
Css style Code:
Input,textarea {
Padding:9px
Border:solid1px#E5E5E5
Outline:0
Font:normal13px/100%Verdana,Tahoma,sans-serif
Width:200px
Background:#FFFFFFurl ('bg_form.png') lefttoprepeat-x
Background:-webkit-gradient (linear,lefttop,left25,from (# FFFFFF), color-stop (4% color-stop), to (# FFFFFF))
Background:-moz-linear-gradient (top,#FFFFFF,#EEEEEE1px,#FFFFFF25px)
Box-shadow:rgba (0ppm 0pl 0pl 0.1) 0px0px8px
-moz-box-shadow:rgba (0pc0j0pl 0.1) 0px0px8px
-webkit-box-shadow:rgba (0pc0j0pl 0.1) 0px0px8px
}
Textarea {
Width:400px
Max-width:400px
Height:150px
Line-height:150%
}
Input:hover,textarea:hover
Input:focus,textarea:focus {
Border-color:#C9C9C9
-webkit-box-shadow:rgba (00.15) 0px0px8px
}
.formlabel {
Margin-left:10px
Color:#999999
}
.submitinput {
Width:auto
Padding:9px15px
Background:#617798
Border:0
Font-size:14px
Color:#FFFFFF
-moz-border-radius:5px
-webkit-border-radius:5px
}
The above is all the content of the article "how to use css style to make a good-looking form style". Thank you for reading! I believe we all have a certain understanding, hope to share the content to help you, if you want to learn more knowledge, welcome to follow the industry information channel!
