在CSS3之前,图像不能直接应用于边框,设计师通常把边框的每个角或每条边单独做成一张图,使背景图像的方式来模拟实现图像边框的效果。为了增强边框效果,CSS3中新增了border-image属性,专门用于图像边框的处理,它的强大之处在于它能灵活地分割图像,并应用于边框。语法格式如下;
border-image:属性值;
border-image属性的属性值说明如下。
1,none:该属性值为默认值,表示无边框。
2,:用于设置边框图像,可以使用绝对地址或相对地址。
3,
4,
5,
6,stretch | repeat | round:分别表示拉伸、重复、平铺,其中stretch是默认值。