third_party/WebKit/LayoutTests/fast/borders/border-radius-complex-inner.html

   1 <!doctype html>
   2 <!-- Divs should have smooth, continuous borders -->
   3 <style>
   4 div {
   5     display: inline-block;
   6     border: 20px #00F solid;
   7     width: 100px;
   8     height: 100px;
   9     padding: 0px;
  10     margin: 10px;
  11 }
  12
  13 div.tl {
  14     border-top-left-radius: 500px;
  15 }
  16
  17 div.tr {
  18     border-top-right-radius: 500px;
  19 }
  20
  21 div.bl {
  22     border-bottom-left-radius: 500px;
  23 }
  24
  25 div.br {
  26     border-bottom-right-radius: 500px;
  27 }
  28
  29 </style>
  30 <div class="tl"></div>
  31 <div class="tr"></div>
  32 <div class="bl"></div>
  33 <br>
  34 <div class="br"></div>
  35 <div class="tl br"></div>
  36 <div class="tr bl"></div>
  37 <script>
  38     if (window.testRunner)
  39         testRunner.dumpAsTextWithPixelResults();
  40 </script>
  41