在css中,如何用图片改变表单边框的样式?

html-css021

在css中,如何用图片改变表单边框的样式?,第1张

圆角边框:border-radius: 8px(8px代表的是圆角弧度,可以根据自己的需要调整,需要注意的是这个属性的兼容性,在IE8以下的浏览器是不兼容的,也就是说,没效果)\x0d\x0a\x0d\x0a阴影:box-shadow:x y z color(比如:box-shadow: 0px 0 13px rgba(100,100,100,.7)x代表的是水平方向的偏移,y代表的是纵向偏移,z代表的是扩散,color就是阴影颜色了,表现方式有2种,1.就是#ccc[十六进制]2.rgba[或者rgb]\x0d\x0a)\x0d\x0a\x0d\x0a这两个样式都是css3样式,所以在低版本的IE上面都是不兼容的。

CSS表单文本框的位置,首先我们需要看要求放置的位置,这里我们需要使用的是css的position的定位属性,一般是使用绝对定位,这里我们可以举个例子来体现:

<html>

<head>

<style>

input{

width:200px 

height:30px

position:absoulte

left:300px           //这里假定的值,具体应用需要测量

top:200px 

}

</style>

</head>

<body>

我的名字:<input type='text'>

</body>

</html>