<div> <p>いつものテキボ</p> <form> <input type="text" id="always" name="always" /> </form> <p>CSS3は使わないテキボ。<br>backgroundやborderなどを指定</p> <form> <input type="text" class="textbox" id="design01" name="design01" /> </form> <p>角丸やグラデなどのCSS3での装飾を加えたテキボ。<br>入力テキストにはドロップシャドウ。</p> <form> <input type="text" class="textbox" id="design02" name="design02" /> </form> <p>transitionを用いたテキボ。<br>フォーカスで入力しやすくなる。</p> <for
![CSS3でつくるええ感じのテキストボックス - jsdo.it - Share JavaScript, HTML5 and CSS](https://cdn-ak-scissors.b.st-hatena.com/image/square/ccfc963e3941245b40829d4db00407434d895953/height=288;version=1;width=512/http%3A%2F%2Fjsdo-static-contents.s3.amazonaws.com%2Fimages%2Fcapture%2F3%2Fq%2FZ%2F3qZs.jpg%3Ft%3D1298120745)