将样式属性移动到CSS
由于我们的SVG现在位于HTML文件中，我们可以为每个元素分配CSS类并将一些属性移动到CSS中。我们只能移动表示属性。位置属性和定义形状的属性必须保留在HTML中。但是颜色、笔画和字体属性可以移动到CSS中。
圆润的线条
我们已经看到了 fill 和一些 stroke 属性，但这里还有另一个样式属性， stroke-linecap 。这可以使我们的线帽圆润。请注意，这里的腿和手臂是简单的线条。
为了给予你一个比较，如果我们删除线帽，并设置一个较小的笔画宽度。
通过设置粗笔画宽度和圆形线帽，我们可以塑造我们的图腿和手臂。
圆角矩形
另外，请注意定义嘴的矩形处的 rx 属性。将使边缘变圆。它类似于常规HTML元素的 border-radius 属性。
姜饼
一旦我们把它们放在一起，并添加眼睛和按钮，这就是最终代码的样子：
