svg基本練習

by Shang-De You

HTML

<svg width="300" height="300" version="1.1" xmlns="http://www.w3.org/2000/svg">
  <rect x="20" y="20" rx="20" ry="20" width="200" height="100" style="fill:steelblue; stroke:blue; stroke-width:4; opacity:0.5"></rect>
  <rect class="myrect"></rect>
</svg>

CSS

.myrect {
  x:20;
  y:150;
  rx:20px;
  ry:20px;
  width:200px;
  height:100px;
  fill:steelblue;
  stroke:blue;
  stroke-width:4;
  opacity:0.5;
}