為div角和邊框添加繁榮的技術：CSS3多個背景或邊框圖像？

Question

我正在“裝飾”一個現有的網站，內容div的角落和邊界有一些不錯的繁榮。 根本不改變標記（因為它是由CMS生成的），我怎樣才能添加“蓬勃發展”的圖像（即像這樣的角落繁榮 ）和僅使用CSS的花式邊框？

我希望實現的花式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旋轉它會更好，但我不知道有任何背景屬性來處理它。