WARNING: Newbie HTML Question

In HTML forms how can I make text boxes, textareas, buttons all have a 1 px border around them instead of the 3D bevel effect that's default? I was thinking it might've had something to do with CSS but I'm not sure exactly.

CSS is the answer.

.textarea
{
background-color: #ffffff;
border-bottom: black 1px solid;
border-left: black 1px solid;
border-right: black 1px solid;
border-top: black 1px solid;
color: black;
font-family: "arial";
font-size: 12px;
}

but how do I make regular <input> text boxes or <select> ones be like that too?

css is the answer, but theirs away to get it to work on all 3

.border1
{
background-color: #ffffff;
border-bottom: black 1px solid;
border-left: black 1px solid;
border-right: black 1px solid;
border-top: black 1px solid;
color: black;
font-family: "arial";
font-size: 12px;
}

then in your html, in what ever tag you want add this line class="border1"

eg

a input would look like this

<input class="border1" name="name_here" type="text" value="">

hope that helps

Ahh, ok. Now I get it . Thanks alot guys. Setting a CSS class is much easier.

War,
Don't be ashamed of asking newbie questions, we all have to start somewhere, right? If it wasnt for people like you then this forum would have no purpose

I wrote an article on CSS a while backk..its an intro and i think it would answer all of your questions...read it here: http://www.devarticles.com/art/1/7

Let me know if it helps

Hehe, ok.

I'll take a look at that article.