CSS怎么增加阴影 方式及具体操作是什么
|
在这篇文章中，我们来学习一下“CSS怎么增加阴影，方法及具体操作是什么”的相关知识，下文有详细的讲解，易于大家学习和理解，有需要的朋友可以借鉴参考，下面就请大家跟着小编的思路一起来学习一下吧。 CSS怎么增加阴影？ box-shadow 属性向框添加一个或多个阴影。 提示：请使用 border-image-* 属性来构造漂亮的可伸缩按钮！ 语法 box-shadow: h-shadow v-shadow blur spread color inset; 注释：box-shadow 向框添加一个或多个阴影。该属性是由逗号分隔的阴影列表，每个阴影由 2-4 个长度值、可选的颜色值以及可选的 inset 关键词来规定。省略长度的值是 0。 代码示例： <!DOCTYPE html> <html> <head> <style> div { width:300px; height:100px; background-color:#ff9900; -moz-box-shadow: 10px 10px 5px #888888; /* 老的 Firefox */ box-shadow: 10px 10px 5px #888888; } </style> </head> <body> <div></div> </body> </html> text-shadow 属性向文本设置阴影。 语法 text-shadow: h-shadow v-shadow blur color; 注释：text-shadow 属性向文本添加一个或多个阴影。该属性是逗号分隔的阴影列表，每个阴影有两个或三个长度值和一个可选的颜色值进行规定。省略的长度是 0。 代码示例： <!DOCTYPE html> <html> <head> <style> h1 { text-shadow: 5px 5px 5px #FF0000; } </style> </head> <body> <h1>文本阴影效果！</h1> </body> </html> 感谢各位的阅读，以上就是“CSS怎么增加阴影，方法及具体操作是什么”的内容了，经过本文的学习后，相信大家对CSS怎么增加阴影，方法及具体操作是什么都有更深刻的体会了吧。 （编辑：汽车网） 【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容! |
