欢迎光临杨雨的个人博客站!

杨雨个人网站-杨雨个人博客-杨照佳

杨雨个人博客网站

关注互联网和搜索引擎的个人博客网站

首页 > WEB开发 > html5案例分享 >

Html5笔墨阴影结果text-shadow行使示例

发布时间:2016-11-25  编辑:杨雨个人博客网站   点击:   

Html5文字阴影功效text-shadow利用示例



代码如下:
<!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>
<title></title>
<style type="text/Css">
/*<![CDATA[*/
#text
{
text-shadow:2px 2px 0px orange;
}
#text1
{
text-shadow:2px 2px 5px orange;
}
#text2
{
text-shadow:2px 2px 5px orange,-2px 2px 5px green;
}
/*]]>*/
</style>
</head>
<body>
<div id="text">
没有恍惚结果
</div>

<div id="text1">
有恍惚结果
</div>

<div id="text2">
阴影叠加
</div>

</body>
</Html>
本文地址:http://itbyc.com/web/html5/13261.html
转载请注明出处。
分享是一种快乐,也是一种美德:
评论列表(网友评论仅供网友表达个人看法,并不表明本站同意其观点或证实其描述)
博客首页 | WEB开发 | 网站运营 | CMS使用教程 滇ICP备14002061号-1