顶部，右侧，左侧，底部的不同边框图像

Question

美好的一天。我有一个图像，这个图像应该是边框，但它必须旋转。边框顶部图像等不起作用。请帮帮我。如何在边框中旋转图像或如何为不同的边提供不同的图像？

边框图片：http://i.stack.imgur.com/ZaehY.jpg

Answer 1

我猜有两种方法： 在照片编辑程序（如Photoshop）中旋转图像。为每个边界制作一个。

或者您可以使用以下CSS旋转图像：

.leftBorder . rightBorder {
    -webkit-transform: rotate(180deg);     /* Chrome and other webkit browsers */
    -moz-transform: rotate(180deg);        /* FF */
    -o-transform: rotate(180deg);          /* Opera */
    -ms-transform: rotate(180deg);         /* IE9 */
    transform: rotate(180deg);             /* W3C complaint browsers */
}

这会将它们旋转180度，你可以随意改变数量。 你必须有一个主div，并将你左，右，上，底部图像放在所需的div中。

希望这会帮助你。