文字阴影与盒子阴影对比

最新推荐文章于 2024-02-27 16:51:47 发布

liying999

最新推荐文章于 2024-02-27 16:51:47 发布

阅读量50

点赞数

文章标签： css html javascript

本文链接：https://blog.csdn.net/liying999/article/details/124539401

版权

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>文字阴影与盒子阴影对比</title>
    <style>
        h1{
        font-size:60px;
        color:rgb(202, 108, 155);
        font-weight:700;
        font-family:'隶书';
        text-shadow:10px 10px 12px rgb(197, 207, 66);}
    
    
    
        div{
            width:200px;
            height:200px;
            background-color: hotpink;
            box-shadow:10px 10px 5px #d7f34b;
            text-align:center;

        }
        </style>
</head>
<body>
    <h1>彼方尚有荣光在</h1>
    <div>人民有信仰，国家有力量</div>
</body>
</html>

运行结果：

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

liying999

关注关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
文字阴影与盒子阴影对比

<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>...
复制链接

扫一扫