暂无描述

css_border_radius.html 824B

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455
  1. <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
  2. <html>
  3. <head>
  4. <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-15">
  5. <style>
  6. .d {
  7. width: 1in;
  8. height: 1in;
  9. margin: 5pt;
  10. border-radius: 1em 80px 40px 80px;
  11. background: #ccc;
  12. }
  13. .b1 {
  14. border: 4px solid red;
  15. background-image: url(images/goldengate.jpg);
  16. height: 2in;
  17. }
  18. .b3 {
  19. border: #369 thin dashed;
  20. }
  21. .b4 {
  22. border: dotted green 2px;
  23. }
  24. .b6 {
  25. border: orange inset 4pt;
  26. }
  27. .b7 {
  28. border: 0.5em #0033DD groove;
  29. }
  30. .b8 {
  31. border: orange ridge 4pt;
  32. }
  33. </style>
  34. </head>
  35. <body>
  36. <div class="d b1"> </div>
  37. <div class="d b3"> </div>
  38. <div class="d b4"> </div>
  39. <div class="d b5"> </div>
  40. <div class="d b6"> </div>
  41. <div class="d b7"> </div>
  42. <div class="d b8"> </div>
  43. </body> </html>