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

2020-05-20 社会 188阅读

在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;
}



声明:你问我答网所有作品(图文、音视频)均由用户自行上传分享,仅供网友学习交流。若您的权利被侵害,请联系fangmu6661024@163.com