Question

CSS中能不能把border设置为一个图片呢?

我把一个层的border-top,border-bottom,border-left设置为1px sloid #000000;我想把border-right设置为一个图片，如何实现呢？

Answer 1

在css2.0中，border是不能设置为一个图片的，可设置如下属性：

border-width：边框宽度

border-style：边框样式

border-color：边框颜色
在css2中可以设置为：
div{ border: 1px solid red; }

在css3.0中，border多出了一些属性，因此可以用图片去设置border，具体如下：

border-radius：设置圆角边框

box-shadow : 设置边框阴影

border-image : 设置图片边框
具体设置举例：
1、设置圆角
div
{
border:2px solid;
border-radius:25px;
}
2、设置阴影
div{ box-shadow: 10px 10px 5px #888888;}
3、设置图片边框
div
{
border-image:url(border.png) 30 30 round;
}

Answer 2

不可以，也没那个必要，你可以用别的方法实现：
1.用div代替border，高度设成1px，overflow:hidden;div就和border一样了，
2.或者在写2个div，一个在另一个上面，上面那个居中，留出下面div仅可以看到四条边，（也就是说下面那个div比上面那个稍大点），把下面那个div导入图片，没有被上面div遮住的地方就是边线了！

Answer 3

哈哈，可以的，css3是可以定义border图片的，也有这个样式，可惜，现在的浏览器只有极少能支持！用了等于白用！

Answer 4

border不能设置为图片，但是可以把图片做为背景放在css底部.

Answer 5

弄张图片，设置成那个层的背景图，居右对齐并且不循环即可

楼上的，你说用div代替border？这是两个不同的概念的东西好吧，别瞎扯了、

我的网站 百度搜索 无涯学习网 第1个就是