How to create a text box with rounded corners

how can we change the shape of a textbox ? for eg. if i want a textbox with curved corners.

Have you tried border-radius?

Hi,

With the help of CSS Text Wrapper you can easily create HTML text wrap in different shapes.you just have to set left & right edges & copy that generated code in your Website.

CSS TextWrapper is a useful tool, but surely it’s overkill in this case. To create curved borders, just do as Ralph suggested. For example,

border-radius: 10px;

(keeping in mind that this is not supported by older browsers).

Also, Vjvish, when you start a new thread, please give it an informative title. “HTML” is much too generic, and tells us nothing about your question or the subject of the thread. By using a meaningful title, the thread imore likely to be seen by people who can answer the question, as well as people who might have a similar problem.

Mike

Only word of warning…if you are asked to support some of the older ie browsers you’ll need to use http://modernizr.com/ to make it work.
talk them out of supporting older ie crap!

as an aside i don’t think text-wrap is supported by any of the browsers as of yet.

if you are asked to support some of the older ie browsers you’ll need to use http://modernizr.com/ to make it work.

Or, simply ignore the issue (in this case). The site will still function correctly with older browsers. The only difference is that the text boxes will have rectangular corners rather than rounded ones. Not worth worrying about, in my opinion.

Mike

I would agree w/that but from personal experience the client might not.
D

I would agree w/that but from personal experience the client might not.

Well, keep in mind that the OP never mentioned old browsers. It was me that raised the subject. I was merely pointing out that border-radius wasn’t supported by older browsers. I doubt it’s an issue.

Mike