一、border-image 在一个frame中放入一张图片,设置frame的样式表,会发现边框设置没有生效。
border-image:url(:/refresh.png);
border:1px solid red;
二、background-image 也在一个frame中放入一张图片,设置frame的样式表,会发现边框确实设置了,但图片没有正确显示。
background-image:url(:/refresh.png);
border:1px solid red;
三、既正确显示图片,还能对边框属性进行设置
background-image: url(:/refresh.png);
border:1px solid red;
background-repeat:no-repeat; //不重复
background-position:center; //在中心位置显示
四、总结 (1)border-image:图片可以自动居中显示,但是设置边框属性无效。 (2)background-iamge:虽然图片不会自动居中显示,但是可以设置其属性,使其居中显示,还可以设置边框的属性。个人觉得background-image比较灵活。
|