0
点赞
收藏
分享

微信扫一扫

css设置自定义字体、文本阴影、元素阴影

前程有光 2022-04-19 阅读 60
css

自定义字体

@font-face {

font-family:自定义字体名称

src: url();

}

  /* 自定义字体 */
        @font-face {
            font-family: jyy;/*自定义字体名称*/
            src: url(./fonts/comicbd.ttf);
        }
        p{
            font-family: jyy;
        }

文本阴影

text-shadow: x方向偏移 y方向的偏移 模糊值 颜色;

  /* 文本阴影 */
        /* text-shadow:x方向偏移  y方向偏移  模糊值 颜色 */
        .p1 {
            text-shadow: 0 0 2px red;
        }

        

元素阴影

box-shadow: x方向偏移 y方向的偏移距离 模糊值 阴影的宽 颜色 阴影的位置(inset内阴影),不写就是外阴影;可以设置多个阴影,用,隔开。

 /* 元素阴影 */
        /* box-shadow:x方向偏移  y方向偏移  模糊值 阴影宽度 颜色 阴影的位置(inset/不写)*/
        .box {
            margin: 0 auto;
            box-shadow: 2px 2px 5px 5px green,-5px -5px 5px 10px blue;
        }

 

举报

相关推荐

0 条评论