SVG(Scalable Vector Graphics)是一種用于描述二維圖形的XML標記語言,它可以與CSS(Cascading Style Sheets)配合使用來控制圖形的樣式和表現。下面是一些常見的方法來使用SVG和CSS:
<svg width="100" height="100">
<circle cx="50" cy="50" r="40" style="fill: red; stroke: blue; stroke-width: 2"/>
</svg>
<link rel="stylesheet" type="text/css" href="styles.css"/>
<svg width="100" height="100">
<circle cx="50" cy="50" r="40" class="circle"/>
</svg>
styles.css文件中的內容:
.circle {
fill: red;
stroke: blue;
stroke-width: 2;
}
<svg width="100" height="100">
<circle cx="50" cy="50" r="40" class="circle"/>
</svg>
.circle {
fill: red;
stroke: blue;
stroke-width: 2;
}
通過以上方法,可以很方便地使用CSS來控制SVG圖形的樣式,使得SVG圖形可以更好地與網頁的布局和設計相匹配。