box-shadow

box-shadow

box-shadow这个我忘记了 麻烦老师提醒一下它的复合标签意思

正在回答 回答被采纳积分+1

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

1回答
好帮手慕夭夭 2019-12-25 10:13:59

同学你好,复合标签意思是说这个标签可以设置多个属性。box-shadow是设置阴影的,它的语法如下:

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

属性值的具体意思可参考如下:

h-shadow:必需,水平阴影的位置
v-shadow:必需,垂直阴影的位置
blur:可选,模糊距离
spread:可选,阴影的尺寸
color:可选,阴影的颜色
inset:可选,将外部的阴影(outset)改为内部阴影

示例:

<!DOCTYPE html>

<html>

<head>

<meta charset="utf-8"> 

<title>imooc</title> 

<style> 

div

{

    width:300px;

    height:100px;

    background-color:pink;

    box-shadow: 10px 10px 5px #ccc;

}

</style>

</head>

<body>


<div></div>


</body>

</html>

如果我的回答帮助到了你,欢迎采纳,祝学习愉快~

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

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

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

0 星

相似问题

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

2.组件化网页开发
  • 参与学习           人
  • 提交作业       1121    份
  • 解答问题       14456    个

本阶段在运用JS实现动态网页开发的基础上,带你深入理解企业开发核心思想,完成一个企业级网页的开发,体验前端工程师的成就感。

了解课程
请稍等 ...
意见反馈 帮助中心 APP下载
官方微信

在线咨询

领取优惠

免费试听

领取大纲

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