提供Discuz ,ECShop ,PHPCMS ,帝国CMS ,CSS教程 ,PHP教程 ,DedeCMS ,WordPress ,HTML教程等cms问题查询.
当前位置: CSS教程 > box-shadow属性的功用是什么【css教程】,box-shadow属性,CSS3

box-shadow是CSS3中的一个属性,是用于向方框增加一个或多个暗影,并设置暗影位置、尺寸、色彩等。

CSS3 box-shadow属性

作用:box-shadow 用于向方框增加暗影

基础语法:

box-shadow: h-shadow v-shadow blur spread color inset;

参数:

h-shadow:程度暗影的位置。许可负值。

v-shadow : 垂直暗影的位置。许可负值。

blur:隐约间隔,可省略。

spread:暗影的尺寸,可省略。

color :暗影的色彩,可省略。

inset:将外部暗影 (outset) 改成内部暗影,可省略。

申明:box-shadow 向框增加一个或多个暗影。该属性是由逗号分开的暗影列表,每一个暗影由 2-4 个长度值、可选的色彩值以及可选的 inset 关键词来划定。省略长度的值是 0。

css3 box-shadow属性运用示例

<!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;
margin: 100px auto;
}
</style>
</head>
<body>

<div></div>

</body>
</html>

效果图:

以上就是本篇文章的全部内容,愿望能对人人的进修有所协助。更多精彩内容人人能够关注ki4网相干教程栏目!!!

以上就是box-shadow属性的功用是什么的细致内容,更多请关注ki4网别的相干文章!

「梦想一旦被付诸行动,就会变得神圣,如果觉得我的文章对您有用,请帮助本站成长」

分享到:
赞(0) 打赏

支付宝扫一扫打赏

微信扫一扫打赏

上一篇:

下一篇:

相关推荐

0 条评论关于"box-shadow属性的功用是什么【css教程】,box-shadow属性,CSS3"

最新评论

    暂无留言哦~~

博客简介

看古风美女插画Cos小姐姐,素材合集图集打包下载:炫龙网,好看二次元插画应有尽有,唯美小姐姐等你来。

友情链接

他们同样是一群网虫,却不是每天泡在网上游走在淘宝和网游之间、刷着本来就快要透支的信用卡。他们或许没有踏出国门一步,但同学却不局限在一国一校,而是遍及全球!申请交换友链

服务热线:
 

 QQ在线交流

 旺旺在线