0 0 3 3 - Shadow之块状元素阴影

小丸子hjm · 发表于 2018-11-2 09:30:54

学习

莫希 · 发表于 2019-1-6 20:23:57

RE: 0 0 3 3 - Shadow之块状元素阴影 [修改]

guohuo888meng@1 · 发表于 2019-2-13 16:19:52

12好

X-i-A · 发表于 2019-4-17 19:42:33

学习

Qmh · 发表于 2019-7-17 22:51:35

克里斯保罗 · 发表于 2019-8-18 15:26:26

交作业！

<!DOCTYPE html>
<html lang="en">
<head>
        <meta charset="UTF-8">
        <title>Document</title>
        <style type="text/css">
                div{
                        height: 450px;
                        width: 400px;
                        background: #FFF;
                        box-shadow: 0px 1px 2px 11px rgba(0,50,253,.5);
                        float: right;
                        position:absolute;
                        top: 100px;
                        left:350px;
                        transform: rotate(-10deg);
                }
                div{
                        text-align: center;
                        padding: 10px 10px;
                        border: 1px solid #BFBFBF;
                }
                

        </style>
</head>
<body>
        <div>
                <h1 font face='verdana'>I am cat</h1>
                <img src="334.jpg" id="cat">
        </div>
</body>
</html>

你在意在便在 · 发表于 2019-10-31 19:22:55

作业~

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title></title>
<style type="text/css">
body {
        text-align: center;
}
.box {
        margin: 0 auto;
        width: 300px;
        height: 300px;
        background: #e67e22;
        border-radius:5px;
        box-shadow: 0px 1px 2px 11px rgba(0,0,0,.15) /* inset */;
        /* 第四个值 spread 阴影尺寸 和最后一位的值 inset(默认：outset) 变成内阴影 */
}      
</style>
</head>
<body>
        <div class="box">
                <h1><font face="verdana">鱼C工作室</font></h1>
                 <!-- font face="verdana" 设置"verdana"样式的字体 -->
                <p><font size="6" face="arial" color="#F4A">让编程改变世界</font></p>
                <p align="right"><font size="3" face="NSimSun" color="#888"><b>在下不二如是,失敬失敬</b></font></p>
        </div>
</body>
</html>

ricia · 发表于 2020-2-22 17:21:10

<!DOCTYPE html>
<html>
    <head>
        <title>阴影</title>
        <meta charset="utf-8">
        <style type="text/css">
            body {
                text-align: center;
            }
            .box {
                margin: 0 auto;
                width: 300px;
                height: 300px;
                background: #fff;
                border-radius: 5px;
                box-shadow: 0 1px 2px 11px rgba(0, 0, 0, .15);
            }
            h1 {
                text-shadow: 0px 8px 5px rgba(0, 0, 0, .5);
            }
            p {
                text-shadow: 1px 1px 0 rgba(243, 54, 212, 0.5) ;
            }
        </style>
    </head>
    <body>
        <div class="box">
            <h1><font face="verdana">鱼C工作室</font></h1>
            <p><font size="6" face="arial">让编程改变世界</font></p>
            <p align="right"><font size="3" face="NSimSun"><b>在下不二如是,失敬失敬</b></font></p>
        </div>
    </body>
</html>

小脑斧 · 发表于 2020-3-13 22:17:25

登录/注册后可看大图

weiter · 发表于 2020-3-16 17:05:44

287187056 · 发表于 2020-4-1 04:28:20

提示: 作者被禁止或删除内容自动屏蔽

tianyuan · 发表于 2020-5-30 15:35:03

1428375758 · 发表于 2020-6-6 11:53:30

我爱小甲鱼

kmq116 · 发表于 2020-7-19 14:55:28

1111111111111

红tea少年 · 发表于 2020-8-15 16:35:03

我想看

败者食尘 · 发表于 2020-9-15 22:35:07

11111111111

huanghuiyv · 发表于 2020-9-18 16:52:57

<!DOCTYPE html>
<html>
    <head>
        <meta charset="utf-8">
        <style type="text/css">
            
            h1 {
                background-color: white;
                height: 50px;
                text-align: center;
                text-shadow: 7px 10px 3px #13c557;
                box-shadow: 0px 0px 5px 5px black inset;
                border-radius:5px;
            }

        </style>
    </head>

    <body>
        <h1>文字阴影</h1>
    </body>
</html>

dys376820508 · 发表于 2020-9-18 19:26:35

继续学习

以梦喂马 · 发表于 2020-12-12 19:49:17

宇治松千夜 · 发表于 2021-1-22 20:57:10

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

287187056 287187056 当前离线 UID 104738 日志相册贡献荣誉积分 128 狗仔卡头像被屏蔽	发表于 2020-4-1 04:28:20 \| 显示全部楼层提示: 作者被禁止或删除内容自动屏蔽
	想知道小甲鱼最近在做啥？请访问 -> ilovefishc.com
	回复使用道具举报显身卡

[庖丁解牛] 0 0 3 3 - Shadow之块状元素阴影