如何使用CSS3样式属性控制元素渐变背景阴影显示

1、第一步，在HBuilder创建Web项目，并在指定文件目录下创建静态页面，如下图所示：

2、第二步，在body元素内插入一个div DOM元素，设置ID属性值，如下图所示：

3、第三步，在<style></style>标签元素内，使用ID选择器控制元素的宽度、高度和背景渐变，如下图所示：

4、第四步，使用border-radius几个延伸的属性控制元素的椭圆角，如下图所示：

5、第五步，保存代码并直接使用浏览器预览界面效果，可以看到类似锥形的图形，如下图所示：

6、第六步，最后给元素添加box-shadow属性值，有偏移量和对应的颜色值，如下图所示：