将两个背景图片分别放置在每个顶角。
img1.gif 在左侧，img2.gif 在右侧。
<style> body { background-image: url('img1.gif'), url('img2.gif'); background-repeat: no-repeat, no-repeat; @(19): @(8), @(9); } </style> <body> <h1>这是一个标题</h1> <p>这是一段文字</p> <p>这是一段文字</p> </body>
<style> body { background-image: url('img1.gif'), url('img2.gif'); background-repeat: no-repeat, no-repeat; background-position: left top, right top; } </style> <body> <h1>这是一个标题</h1> <p>这是一段文字</p> <p>这是一段文字</p> </body>
<style> body { background-image: url('img1.gif'), url('img2.gif'); background-repeat: no-repeat, no-repeat; background-position: top left, right top; } </style> <body> <h1>这是一个标题</h1> <p>这是一段文字</p> <p>这是一段文字</p> </body>
<style> body { background-image: url('img1.gif'), url('img2.gif'); background-repeat: no-repeat, no-repeat; background-position: top left, top right; } </style> <body> <h1>这是一个标题</h1> <p>这是一段文字</p> <p>这是一段文字</p> </body>
<style> body { background-image: url('img1.gif'), url('img2.gif'); background-repeat: no-repeat, no-repeat; background-position: left top, right top; } </style> <body> <h1>这是一个标题</h1> <p>这是一段文字</p> <p>这是一段文字</p> </body>