“box-shadow”是css3新增的属性。“box-shadow”属性的作用就是给元素框添加一个或者多个阴影,语法为“元素{box-shadow:水平阴影位置 垂直阴影位置 blur spread color inset;}”。
创新互联专注于东宁网站建设服务及定制,我们拥有丰富的企业做网站经验。 热诚为您提供东宁营销型网站建设,东宁网站制作、东宁网页设计、东宁网站官网定制、小程序定制开发服务,打造东宁网络公司原创品牌,更为您提供东宁网站排名全网营销落地服务。
本教程操作环境:windows10系统、CSS3&&HTML5版、Dell G3电脑。
box-shadow是css3新增的属性吗
box-shadow是css3新增的属性。
box-shadow 属性用于向框添加一个或多个阴影。该属性的语法如下:
box-shadow: h-shadow v-shadow blur spread color inset;其中属性值表示如下:
示例如下:
<!DOCTYPE html><html><head> <style> div{ width:300px; height:100px; background-color:#ff9900; box-shadow: 10px 10px 5px #888888; } </style></head><body> <div></div></body></html>输出结果:
(学习视频分享:css视频教程)
分享标题:box-shadow是css3新增的属性吗
浏览地址:https://www.cdcxhl.com/article4/cjhhoe.html
成都网站建设公司_创新互联,为您提供网站收录、外贸网站建设、电子商务、移动网站建设、网站建设、网站设计公司
声明:本网站发布的内容(图片、视频和文字)以用户投稿、用户转载内容为主,如果涉及侵权请尽快告知,我们将会在第一时间删除。文章观点不代表本网站立场,如需处理请联系客服。电话:028-86922220;邮箱:631063699@qq.com。内容未经允许不得转载,或转载时需注明来源: 创新互联