这个{{盒子阴影}}模板是一个跨浏览器兼容性模板用于生成长方体阴影。它为各种浏览器生成CSS。支持的浏览器有Opera、Firefox、Safari、Chrome和Internet Explorer的当前版本。
用法
在任何元素的样式标记中插入此模板。
-
{{box-shadow|X-offset|Y-offset|模糊半径|#color}}
参数：
-
X偏移和Y偏移：指定阴影到元素右侧和下方的偏移。对左侧和上方的阴影使用负值。（默认值为4px。）
-
模糊半径：指定添加到阴影边界的模糊宽度。（默认值为4px。）
-
颜色：指定阴影的颜色。（默认为#CCC；.)
例子
代码
-
<center><div style=“width:90%；background-color:#FFFFDD；border:1px solid#808000；padding:5px；{{方框阴影}}“>Lorem ipsum…</div></center>
生成带有默认边框阴影的框
Lorem ipsum dolor sit amet，consectetur adipiscing elit，sed do eiusmod tempora incididunt ut labour et dolore magna aliqua（劳伦·伊普桑·多洛尔·阿米特（洛雷姆·伊普桑·哀悼），圣职告别精英，sed。在最低限度的条件下，根据《公共事务协定》，由努斯特鲁德总统执行国家劳工局。Duis aute irure dolor在卷绒贴面上被重新描述为fugiat nulla pariatur。除了偶尔出现的不自信的丘比特外，在官方的过失中，默里特·安妮·伊德·斯图尔姆（mollit anim id est Labum）是罪魁祸首。
代码
-
<center><div style=“width:90%；background-color:#FFFFDD；border:1px solid#808000；padding:5px；{{方框阴影|4px|4px |8px|#A0A080}}“>Lorem ipsum…</div></center>
产生更明显的彩色阴影
Lorem ipsum dolor sit amet，consectetur adipiscing elit，sed do eiusmod tempora incididunt ut labour et dolore magna aliqua（劳伦·伊普桑·多洛尔·阿米特（洛雷姆·伊普桑·哀悼），圣职告别精英，sed。在最低限度的条件下，根据《公共事务协定》，由努斯特鲁德总统执行国家劳工局。Duis aute irure dolor在卷绒贴面上被重新描述为dolore eu fugiat nulla pariatur。除了偶尔出现的不自信的丘比特外，在官方的过失中，默里特·安妮·伊德·斯图尔姆（mollit anim id est Labum）是罪魁祸首。
兼容性
- 请参见盒子阴影有关所有浏览器兼容性的详细信息，请访问Mozilla开发者网络。
另请参见
