CSS 文本装饰样式阴影shadow

最新推荐文章于 2024-02-12 23:34:00 发布

卋舉

最新推荐文章于 2024-02-12 23:34:00 发布

阅读量103

点赞数

分类专栏： CSS 文章标签： css html html5

本文链接：https://blog.csdn.net/W_SJ_SY/article/details/120659854

版权

CSS 专栏收录该内容

46 篇文章 0 订阅

订阅专栏

盒子居中 margin: 0 auto;
阴影 text-shadow:2px 2px 3px green;

<!DOCTYPE html>
<html lang="zh-CN">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width,initial-scale=1">
    <title>阴影</title>
    <meta name="Keywords" content="关键字">
    <meta name="description" content="简介">
    <!-- 盒子居中 margin: 0 auto;
        阴影 text-shadow:2px 2px 3px green;
     -->
    <style>
        @font-face {
            font-family: "caoshu";
            src: url("fonts/caoshu.TTF");
        }

        .box {
            /*盒子居中*/
            margin: 0 auto;
            width: 600px;
            height: 200px;
            background-color: aqua;
            text-align: center;
            font: 50px/200px 'caoshu';
            /*阴影text-shadow*/
            /*text-shadow: 0px 2px 3px black, -1px 2px 3px white;*/
            text-shadow: 2px 2px 3px black, 2px 2px 3px white;
        }
    </style>
</head>
<body>
<div class="box">hello</div>
</body>
</html>

卋舉

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
CSS 文本装饰样式阴影shadow

盒子居中 margin: 0 auto;阴影 text-shadow:2px 2px 3px green;<!DOCTYPE html><html lang="zh-CN"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width,initial-scale=1"> <title>阴影</title
复制链接

扫一扫