使用图像作为标题边框底部

时间:2011-08-21 19:17:16

标签: html css

我想将图像用于图像的下边框。例如,用于边框底部的图像是400px,但是我不希望它显示标题的400px底部边框,只是很短,我希望它能自动缩放。

是否有办法只显示单个标题所需的金额,而不是为多个标题宽度组成大量图像尺寸。

感谢您提前提供帮助......

1 个答案:

答案 0 :(得分:2)

您可以使用CSS3 border-image属性。

例如

DIV {
  border: double orange 1em;
  border-image: url("border.png") 27 round stretch;
 }

您可以根据需要stretchrepeat

在此处阅读更多内容:http://www.w3.org/TR/css3-background/#border-images

如果看起来好像也可以slice图片

此处更多:http://www.w3.org/TR/css3-background/#border-image-slice