Horje

Example of HTML SVG Rounded Rectangle

Follow the Example
index.html
Example: HTML
<svg width="400" height="180">
  <rect x="50" y="20" rx="20" ry="20" width="150" height="150"
  style="fill:red;stroke:black;stroke-width:5;opacity:0.5" />
</svg>

Output should be:

Example of HTML SVG Rounded Rectangle



Single Articles
Example of HTML SVG Rounded RectangleHTML SVG Graphics
Full Example of HTML SVG Rounded RectangleHTML SVG Graphics


Related Articles
What is HTML SVG Graphics HTML SVG Graphics
How to create HTML <svg> Circle Element HTML SVG Graphics
How to create HTML SVG Rectangle HTML SVG Graphics
How to design HTML SVG Rounded Rectangle HTML SVG Graphics
How to design HTML SVG Star HTML SVG Graphics
How to design HTML SVG Logo HTML SVG Graphics
What are the Differences Between SVG and Canvas HTML SVG Graphics

Type:
Html
Category:
Web Tutorial
Sub Category:
HTML SVG Graphics
Uploaded by:
Admin