box-shadow

box-shadow

box-shadow: 0 4px 8px 0 rgba(0,0,0,0.1);

可以解释一下 box-shadow各个属性值的意思吗

正在回答

登陆购买课程后可参与讨论,去登陆

1回答

box-shadow属性语法如下:

box-shadow:x-shadow  y-shadow  blur  spread  color  inset;

水平阴影位置x-shadow 

垂直阴影位置y-shadow

用于设置阴影的位置。

模糊半径blur:模糊半径blur用于设置边框阴影半径大小。

阴影尺寸spread:阴影尺寸spread用于设置阴影的大小。这个参数可选,缺省时值为0。

raba(0,0,0,0.1)  是颜色,并且透明度是0.1

外阴影outset与内阴影inset

   box-shadow属性最后一个参数用于设置阴影是否是内阴影,还是外阴影。

   取值有2种:

(1)outset:默认值,外阴影;

(2)inset:内阴影;

由于没设置这个值,所以是默认的outset。

如果我的回答解决了你的疑惑,请采纳!祝学习愉快!






问题已解决,确定采纳
还有疑问,暂不采纳

恭喜解决一个难题,获得1积分~

来为老师/同学的回答评分吧

0 星

相似问题

登录后可查看更多问答,登录/注册

从网页搭建入门Java Web2018版
  • 参与学习           人
  • 提交作业       1088    份
  • 解答问题       10204    个

如果你有Java语言基础,又想以后从事Java Web开发,那么本路径是你的不二选择!本路径从网页搭建开始入手,通过大量案例来学习Java Web基础。定能助你完成Java Web小白的蜕变!

了解课程
请稍等 ...
微信客服

购课补贴
联系客服咨询优惠详情

帮助反馈 APP下载

慕课网APP
您的移动学习伙伴

公众号

扫描二维码
关注慕课网微信公众号

在线咨询

领取优惠

免费试听

领取大纲

扫描二维码,添加
你的专属老师