solid-image-2a.html 1.4 KB

12345678910111213141516171819202122232425262728293031323334353637383940414243
  1. <!DOCTYPE html>
  2. <html lang="en-US">
  3. <head>
  4. <title>test of border-image</title>
  5. <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
  6. <meta http-equiv="Content-Style-Type" content="text/css">
  7. <style type="text/css">
  8. div {
  9. border-width: 10px;
  10. border-style: solid;
  11. border-image: url('3x3green-1DD813.png') 1 1 1 1 repeat;
  12. -khtml-border-image: url('3x3green-1DD813.png') 1 1 1 1 repeat;
  13. border-image: url('3x3green-1DD813.png') 1 1 1 1 repeat;
  14. margin: 1px;
  15. }
  16. </style>
  17. </head>
  18. <body>
  19. <div style="width: 50px; height: 5px"></div>
  20. <div style="width: 51px; height: 5px"></div>
  21. <div style="width: 52px; height: 5px"></div>
  22. <div style="width: 53px; height: 5px"></div>
  23. <div style="width: 54px; height: 5px"></div>
  24. <div style="width: 55px; height: 5px"></div>
  25. <div style="width: 56px; height: 5px"></div>
  26. <div style="width: 57px; height: 5px"></div>
  27. <div style="width: 58px; height: 5px"></div>
  28. <div style="width: 59px; height: 5px"></div>
  29. <div style="width: 550px; height: 5px"></div>
  30. <div style="width: 551px; height: 5px"></div>
  31. <div style="width: 552px; height: 5px"></div>
  32. <div style="width: 553px; height: 5px"></div>
  33. <div style="width: 554px; height: 5px"></div>
  34. <div style="width: 555px; height: 5px"></div>
  35. <div style="width: 556px; height: 5px"></div>
  36. <div style="width: 557px; height: 5px"></div>
  37. <div style="width: 558px; height: 5px"></div>
  38. <div style="width: 559px; height: 5px"></div>
  39. </body>
  40. </html>