为什么外链css不起作用?

来源:3-6 使用CSS

qq_鸭绿桥第一帅哥_0

2019-04-18 15:09:18

<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8" />
    <title>c</title>
    <?xml-stylesheet type="text/css" href="css/css.css"?>
</head>
<body>
    <h1>基础</h1>
    <svg viewBox="0 0 200 100">
        <rect class="style" x="10" y="10" width="180" height="80"/>
    </svg>
</body>
</html>



.style{
    fill: red;
}


写回答

1回答

好帮手慕星星

2019-04-18

同学你好,如果引入外部css样式,html文件是实现不了的,需要改为svg文件,如下:

http://img.mukewang.com/climg/5cb840090001ab1b10370185.jpg

把h1标签去掉,在svg中添加上xmlns属性,测试效果:

http://img.mukewang.com/climg/5cb840380001b85612790599.jpg

自己可以试一下,祝学习愉快!

0

0 学习 · 4826 问题

查看课程