<head> <meta charset = "utf-8"> <title> Radial Gradients </title> <style type = "text/css"> div { border-width: 30px; border-style: solid; width: 250px; height: 200px; padding: 20px 20px; } #stretch { border-image: url(HotMess.jpg) 25% 25% 25% 25% stretch; } #repeat { border-image: url(HotMess.jpg) 25% 25% 25% 25% repeat; } #stretch-repeat { border-image: url(HotMess.jpg) 25% 25% 25% 25% stretch repeat; } </style> </head> <body> <p> <div id = "stretch">Stretching the image border</div></p> <p> <div id = "repeat">Repeating the image border</div></p> <p> <div id = "stretch-repeat">Repeating the image border on the sides and stretching the top and bottom</div></p> </body> </html>