字体样式例子

zjx2388

于 2008-08-19 09:48:00 发布

阅读量742

点赞数

分类专栏：常识集锦文章标签： behavior class xhtml scroll html

本文链接：https://blog.youkuaiyun.com/zjx2388/article/details/2793803

版权

常识集锦专栏收录该内容

37 篇文章

订阅专栏

本文通过具体的HTML与CSS代码示例展示了如何创建不同视觉效果的文字，包括光晕字、阴影字及动感字等特效，为网页设计提供实用参考。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>字体样式例子</title>
<style type="text/css">
<!--
.t1 {
font-family: "隶书";
font-size: 100px;
color: #FFFFFF;
filter: Glow(Color=red, Strength=8);
}
.t2 {
font-family: "隶书";
font-size: 50px;
color: #FFFFFF;
filter: DropShadow(Color=6699cc, OffX=2, OffY=2, Positive=1);
}
.t3 {
font-family: "隶书";
font-size: 50px;
color: #FFFFFF;
filter: Blur(Add=1, Direction=90, Strength=150);
}

-->
</style>
</head>

<body>