0 0 7 9 - 最纯纯的SVG玩法 - rect

不二如是 · 发表于 2017-3-15 13:41:02

购买主题 已有 7 人购买 本主题需向作者支付 2 鱼币 才能浏览

会魔法的魔法 · 发表于 2017-3-15 15:08:25

厉害了 Word哥

aswyamato1989 · 发表于 2017-8-24 01:40:05

交作业！

睁眼睡大觉 · 发表于 2019-3-30 18:25:43

<!DOCTYPE html>
<html lang="en">
        <head>
                <meta charset="utf-8">
                <title>0079</title>
                <style type="text/css">
                        body{
                                background: #000;
                                margin: 111px;
                        }
                        #rect3{
                                fill: #F88;
                        }
                        .rect1:hover{
                                fill:#F0F;
                        }
                        .rect2:hover{
                                fill:#F33;
                        }
                </style>
        </head>
        <body>
                <svg height="999px" width="999px">
                        <rect id="rect1" class="rect1" height="111px" width="111px" fill="#3F3"/>
                        <rect id="rect2" class="rect2" height="111px" width="111px" fill="#3FA" x="222px"/>
                        <rect id="rect3" height="33px" width="333px" y="222px"/>
                </svg>
        </body>
</html>

suweixuan1998 · 发表于 2020-1-13 17:28:14

get新标签svg

小脑斧 · 发表于 2020-4-11 16:45:20

本帖最后由小脑斧于 2020-4-11 17:07 编辑

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>svg玩法练习</title>
    <style type="text/css">
        body{
            background: #000000;
            margin: 111px;
        }
        .rect3{
            fill: yellow;
        }
        .rect4{
            fill: #ff8888;
        }
        .rect1:hover{
            fill: #ff8888;
        }
    </style>
</head>
<body>
        <svg height = "999px" width = "999px"><!--需指定px单位-->
            <rect class="rect1" height="111px" width="111px" fill="#3f3"/>
            <rect class="rect2" height="111px" width="111px" fill="#3fa" x="222px"/>
            <rect class="rect3" height="90px" width="90px"  x="121.5px" y="121.5px"/>
            <rect class="rect4" height="33px" width="333px" y="222px"/>
        </svg>
</body>
</html>

账号		自动登录	找回密码
密码			立即注册

不二如是不二如是当前离线 UID 378930 日志相册贡献荣誉积分 56999 狗仔卡	发表于 2017-3-15 13:41:02 \| 显示全部楼层 \|阅读模式购买主题已有 7 人购买本主题需向作者支付 2 鱼币才能浏览本帖被以下淘专辑推荐: · HTML5 & CSS3 - 庖丁解牛\|主题: 205, 订阅: 36
	想知道小甲鱼最近在做啥？请访问 -> ilovefishc.com
	回复使用道具举报置顶卡千斤顶显身卡

[庖丁解牛] 0 0 7 9 - 最纯纯的SVG玩法 - rect

本帖被以下淘专辑推荐: