Easy to use CSS to complete the online blank

CSS in the online to do the information, often see some registration form, only a line for you to fill out, as the test paper when the fill in the same question, very cool!

In fact, to achieve this effect is not difficult, just use a very short CSS code can be done!

< style type= "Text/css" >
<!--
. Xian{border-left-style:none; Border-right-style:none; Border-top-style:none}
-->
</style>

Where the code works as follows:

"Border-left-style:none": Do not show left border
"Border-right-style:none": Do not display the right border
"Border-top-style:none": Do not display the top border
"Border-bottom-style:none": Do not show the top border, plus this one, what border is not

Let's take a look at an application example:

< html>
< head>
< title> online fill in the blanks </title>
< style type= "Text/css" >
<!--
. Xian{border-left-style:none; Border-right-style:none; Border-top-style:none;}
-->
</style><!--Note: This section is CSS code, where you can change the parameters to set a more cool effect-->
< body bgcolor= "#FFFFFF" text= "#000000" >
Hide your borders
< p> user name:
< input type= "text" name= "name" Class=xian> <!--Note: class= This must add, set your CSS application in the form-->
</p>
</body>

Realize the effect of simple and refreshing, how, also change your form!