Shulou(Shulou.com)06/01 Report--

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!

Welcome to subscribe "Shulou Technology Information " to get latest news, interesting things and hot topics in the IT industry, and controls the hottest and latest Internet news, technology news and IT industry trends.