首页 > 编程知识 正文

字体底纹 阴影 css,css文字渐变阴影

时间:2023-05-06 20:34:15 阅读:37365 作者:4783

首先,看看实现效果吧。 如下图所示。

重要属性:

text-shadow属性会给文本添加阴影。

(视频教程推荐: css视频教程)

HTML代码:

GouganCSS代码:loop(@counter ) when ) @counter0)

. loop(@counter-1 );

文本- shadow : (1px*@counter ) 1px * @ counter ) #2d585a;

}

. long-shadow{

Overflow :隐藏;

背景色: # 5f9ea 0;

width:800px;

height: 160px;

line-height: 160px;

文本对齐3360中心;

letter-spacing: 80px;

color: #fff;

font-size: 100px;

. loop(200;

}

推荐教程: CSS入门基础教程

版权声明:该文观点仅代表作者本人。处理文章:请发送邮件至 三1五14八八95#扣扣.com 举报,一经查实,本站将立刻删除。