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

html-css013

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

圆角边框:border-radius: 8px(8px代表的是圆角弧度,可以根据自己的需要调整,需要注意的是这个属性的兼容性,在IE8以下的浏览器是不兼容的,也就是说,没效果)

阴影: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]

)

这两个样式都是css3样式,所以在低版本的IE上面都是不兼容的。

list-styleCSS1IE4+

,

NS4+有复合属性。设置列表项目相关内容list-style-imageCSS1IE4+

,

NS6+有设置或检索作为对象的列表项标记的图像list-style-positionCSS1IE4+

,

NS6+有设置或检索作为对象的列表项标记如何根据文本排列list-style-typeCSS1/CSS2IE4+

,

NS4+有设置或检索对象的列表项所使用的预设标记marker-offsetCSS2NONE无设置或检索标记容器和主容器之间水平补白。即两个容器靠近的一边的间距

你只设定了颜色和宽度,但你却没有设置边框样式

border-style: solid

加上这个,或者其它你想要的边框样式

而且你那一堆可以简写

#divInfo table{

margin:10px

border-top-width: 4px

border-right-width: 4px

border-bottom-width: 4px

border-left-width: 4px

border-top-color: red

border-right-color: red

border-bottom-color: red

border-left-color: red

}

写成

#divInfo table{

margin:10px

border: solid 4px Red

}

就可以了