CSS for textbox

The below css properties are for input type "text".

1) input[type="text"]{outline:none; padding-left:5px;background:#000}
input[type="password"]{outline:none; padding-left:5px;  background:#999 ;}

if you wrote only first line it applies for only the type text .if you want to apply some properties to all the text box then you have to write the following css,

2) input,textbox{outline:none; padding-left:5px;}

use and Enjoy :)

css3 New properties

@font-face:

One major thing that i used my websites,this can be very easily implemented because it is not very technical.

Syntax:  

@font-face {
      font-family: "My_Font";
      src: url(Hettesheler.ttf) format("opentype");
}

.Container{font-family:My_Font;}

Border-Radius                  

 Rounded corner was the popular issue on desighner points.

But now this is the simple and ultimate solution.

But some where this is not a full stop because below version of IE 

still not responding on this so u need to use some 

another solution like i already given image sprite for particluar IE only.

Syntax:  #myclass{border-radius:10px;} 

Opacity

opacity with hexa decimal code of color,because when you use the prperty opacity it transparent the inner div too.but it works!!

background: rgba(0, 0, 0, 0.5)

it gives transparent background. 

box-shadow:                                 

its like text-shadow property 

box-shadow: 2px 2px 5px 10px #000;

 These are the following values:

• x-offset
• y-offset
• blur
• color of shadow

The first two values are the offset of the shadow, the third the blur radius, and the fourth value the spread radius. The last value is, of course, the shadow color.        

 Multiple backgrounds :  

.box {  background: url(image/path.jpg) 0 0 no-repeat,   url(image2/path.jpg) 100% 0 no-repeat;  }  

The comma is separator where we place the different backgrounds.