用户注册



邮箱:

密码:

用户登录


邮箱:

密码:
记住登录一个月忘记密码?

发表随想


还能输入:200字
云代码 - css代码库

设置渐变阴影效果

2012-12-02 作者: 程序猿style举报

[css]代码库

<html>
<head>
<title>设置渐变阴影效果</title>
<style type=text/css>
<!--
h2 {
	font-family:黑体;
	font-size:15pt
}
.shadow1 {
	position:absolute;
	top:80px;
	filter:shadow(color=#0000ff)
}
.shadow2 {
	position:absolute;
	top:150px;
	left:20px;
	filter:shadow(color=#000000, direction=90)
}
-->
</style>
</head>
<body>
<center>
  <h2>设置渐变阴影效果</h2>
</center>
<hr>
<div class="shadow1">
  <p style="font-family:'华文行楷';font-size:25pt; font-weight:bold;"> 云代码 http://yuncode.net </p>
</div>
<div class="shadow2">
  <p style="font-family:'华文行楷'; font-size:28pt; font-weight:bold;color:#ff0000"> 云代码 http://yuncode.net </p>
</div>
</body>
</html>

[代码运行效果截图]


设置渐变阴影效果


网友评论    (发表评论)


发表评论:

评论须知:

  • 1、评论每次加2分,每天上限为30;
  • 2、请文明用语,共同创建干净的技术交流环境;
  • 3、若被发现提交非法信息,评论将会被删除,并且给予扣分处理,严重者给予封号处理;
  • 4、请勿发布广告信息或其他无关评论,否则将会删除评论并扣分,严重者给予封号处理。


扫码下载

加载中,请稍后...

输入口令后可复制整站源码

加载中,请稍后...