纯HTML+CSS实战之高级字体的实现

最新推荐文章于 2024-04-10 00:52:22 发布

小韩同学哇

最新推荐文章于 2024-04-10 00:52:22 发布

阅读量453

点赞数

分类专栏：从零玩转Html5前端开发

本文链接：https://blog.csdn.net/qq_41886761/article/details/86405535

版权

本次分享内容较为基础，主要知识点便是css中盒子及文字阴影的应用

字体效果如下：

代码如下：

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>CSS高级字体的实现</title>
    <style>
        body{
            background-color: #cccccc;
        }
        .text{
            font-size: 50px;
            font-weight: bold;
            position: relative;
            color: #c30;
            text-shadow: 1px 2px 3px rgba(67,8,7,0.8);
        }
        .text2{
            font-size: 40px;
            margin-top: 50px;
            text-shadow: 2px 2px 4px #000;
        }
        .box{
            margin-top: 50px;
            /*box-shadow属性向框添加一个或多个

最低0.47元/天解锁文章

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

小韩同学哇

关注关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
纯HTML+CSS实战之高级字体的实现

本次分享内容较为基础，主要知识点便是css中盒子及文字阴影的应用字体效果如下：代码如下：&lt;!DOCTYPE html&gt;&lt;html lang="en"&gt;&lt;head&gt; &lt;meta charset="UTF-8"&gt; &lt;title&gt;CSS高级字体的实现&lt;/title&gt;
复制链接

扫一扫