为div角和边界添加花饰的技术:CSS3多背景或边界图像

Question

我正在用内容div的角落和边框来"美化"现有网站。在完全不更改标记（因为它是由CMS生成的）的情况下，我如何仅使用CSS添加"繁荣"图像（即像这样的角落繁荣）和花哨的边框？

Fancy ASCII我想要实现的艺术表示（外部边界表示div）：

---------------------------------------------
|                                           |
|  #%%%      ....................      %%%# |
|  %                                      % |
|  %                                      % |
|                                           |
| .                                       . |
| .                                       . |
| .                                       . |
| .                                       . |
| .                                       . |
| .                                       . |
| .                                       . |
| .                                       . |
| .                                       . |
| .                                       . |
| .                                       . |
|                                           |
| %                                       % |
| %                                       % |
| #%%%      ....................       %%%# |
---------------------------------------------

div可以垂直展开。它需要跨浏览器工作（正在使用CSS3PIE）。div已经有了背景图像。

CSS3多重背景是可行的吗？还是CSS3边界图像是最好的方法？

在处理垂直扩展的div以及边框/角点可以插入多远方面，哪种技术将提供最佳的灵活性？

Answer 1

语法应该是这样的：

.flourish{
width: 500px; /* just an example */
height: auto;
background-image: url(decoration1.png), url(decoration2.png), url(decoration3.png), url(decoration4.png), url(background.jpg);
background-repeat: no-repeat;
background-position: left top, right top, right bottom, left bottom, left top;
}

有点讨厌加载所有这些图像。。。如果宽度是固定的，那么你可以有一个顶部和底部的装饰背景。

如果你可以使用相同的图像并使用css旋转它会更好，但我不知道有任何背景属性可以处理这一点。