<!docType html>
<html>
<head>
<title>svg demo</title>
<style>
.rectangle {
width: 300px;
height: 100px;
/*背景颜色 */
fill: rgb(0,0,255);
/* 背景透明度 */
fill-opacity: 0.1;
/* 边框宽度 */
stroke-width:1;
/* 边框颜色 */
stroke:red;
/* 边框透明度 */
stroke-opacity: 0.9
}
</style>
</head>
<body>
<svg xmlns="http://www.w3.org/2000/svg" version="1.1">
<!--
svg矩形
x:定义矩形的左侧位置
y:定义矩形的右侧位置
rx和ry可以是矩形产生圆角
-->
<rect x="10" y="10" rx="20" ry="20" class="rectangle">
</svg>
</body>
</html>