搜索文档
首页
HTML/CSS
JavaScript
服务端开发
Java教程
移动端
数据库
当前位置:
首页
HTML/CSS
SVG 教程
SVG 教程
源代码
清空
点击运行
<?xml-stylesheet type="text/css" href="svg-stylesheet.css" ?></pre></div><p>该处理指令告诉SVG查看器使用CSS样式表找到文件“ svg-stylesheet.css”。</p><p>这是一个在SVG文件中使用声明的示例：</p><div class="example_code"><label class="example_title">示例</label><pre><?xml-stylesheet type="text/css" href="svg-stylesheet.css" ?> <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <circle cx="40" cy="40" r="24" style="stroke:#006600; fill:#00cc00"/> </svg></pre></div><p>注意：外部CSS样式表在Internet Explorer 7中似乎可以正常工作，但在Firefox 3.0.5中则不能。</p><h2>在HTML页面中使用样式表。</h2><p>如果将SVG图像嵌入HTML页面中，则还可以将SVG图像的样式表嵌入HTML页面中。这是一个示例：</p><div class="example_code"><label class="example_title">示例</label><pre><html> <body> <style> </style> <svg> </svg> </body> </html>
运行结果
