How to design HTML SVG Rounded Rectangle - HTML SVG Graphics

Create HTML SVG Rounded Rectangle

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:

Full Example of HTML SVG Rounded Rectangle

Follow the Example

index.html

Example: HTML

<!DOCTYPE html>
<html>
<body>

<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" />
Sorry, your browser does not support inline SVG.
</svg>

</body>
</html>

Output should be:

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

Read Article
https://develop.horje.com/learn/1434/reference