border-style 可以使用
groove 定义 3D 凹槽边框。其效果取决于 border-color 的值。
ridge 定义 3D 垄状边框。其效果取决于 border-color 的值。
inset 定义 3D inset 边框。其效果取决于 border-color 的值。
outset 定义 3D outset 边框。其效果取决于 border-color 的值。
来实现一个3D边框效果
具体方法可以参考 border-style | 菜鸟教程
<style type="text/css">INPUT.smallInput
{
BACKGROUND-COLOR:#FFFFFF
COLOR:#000000
FONT-SIZE:9pt
FONT-WEIGHT:Normal
TEXT-DECORATION:None
FOTN-FAMILY:宋体,verdana,Arial, Helvetica
TEXT-ALIGN:Left
BORDER-TOP:3 Hidden #808080
BORDER-LEFT:3 Hidden #808080
BORDER-RIGHT:3 Hidden #FFFFFF
BORDER-BOTTOM:3 Hidden #FFFFFF
CURSOR:Text
}
</style>
这个css样式是 --单行文本框设置代码--,你可以修改一下做出自己想要的效果 ,然后你的文本框调用这个样式就可以了
能否说得详细一点,什么叫立体效果的背景图片? 非要通过css设置,就只能设置左边和顶边的边框为浅色模拟高光,右边和底边的边框为深色模拟阴影来做立体效果。如果要复杂一些的立体效果,你就必须通过图片来做了,使用绘图软件绘制一个立体效果的按钮,然后设为按钮背景即可