1.样式一 彩色背景的输入框



代码如下：

<style TYPE="text/css">
<!--
.style { background-color:#ff9966;color:#ff9966;border-style:solid;border-width:1} \\ background-color依次为背景颜色，为边框色
-->
</style>
<textarea name="content" cols="60" rows="10" class="style"></textarea>

说明：通过设置border-style的属性，可以改变输入框的边框。

dashed


double


ridge


2.样式二 控制文本框的边框



代码如下：

<style TYPE="text/css">
<!--
.style12 { background-color:#ff9966;color:#999999;border-style:dotted;border-width:2}
-->
</style>
<input name="content" type="text" class="style12" value="" size="60">

说明：通过设置border-width可以改变输入框的边框风格。

border-width:3


border-width:4


border-width:5


border-width:6


border-width:7


说明：输入框的border-width最大值，个人感觉到7也就是极限了，设置再大也没什么太好的效果，也并不实用。



这是border-width为50的效果，呵呵

说明：通过设置不同的border-style和border-width可以取得不同的效果，请看下面：

border-style:redge;border-width:10


border-style:dashed;border-width:3