hoffe, jetzt ist ein Anfang gemacht ...

Zitat von Tester23 im Beitrag #2

---

hoffe, jetzt ist ein Anfang gemacht ...

<style>
.eins {
stroke:#337599;
stroke-width: 3;
fill: none;
}

.zwei {
stroke:#337599;
stroke-width: 3;
fill:#dfac20;
}
</style>

<svg viewBox="0 0 870 300">
<rect class="eins" width="200" height="100"/>
<rect class="zwei" x="220" y="20" width="200" height="100"/>
<rect class="drei" x="100" y="150" width="200" height="100" rx="50" ry="50" />
Ihr Browser kann kein SVG.
</svg>

ein Beispiel aus: https://wiki.selfhtml.org/wiki/SVG ../wiki/SVG/Tutorials/Grundformen#Rechteck hashtag:#svg

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
 

<style>
.eins {
	stroke:#337599;
	stroke-width: 3;
	fill: none;
}
.zwei {
	stroke:#337599;
	stroke-width: 3;
	fill:#dfac20;
}
</style>
 
  <svg viewBox="0 0 870 300">
    <rect class="eins" width="200" height="100"/>
    <rect class="zwei" x="220" y="20"   width="200" height="100"/>
    <rect class="drei" x="100" y="150" width="200" height="100" rx="50" ry="50" />
    Ihr Browser kann kein SVG.
  </svg>
 

mal sehen, ob's reicht

---