如果在一个元素标签，设置一个边框并设置border-radius属性，这样边框呈现椭圆形。如果再使用box-shadow属性，设置边框的阴影。下面利用实例说明，操作如下：
工具/原料
1
HTML5
2
CSS3
3
HBuilderX
4
浏览器
5
截图工具
方法/步骤
1
第一步，打开HBuilderX工具，新建一个静态页面并在页面body插入一个div标签，设置class属性，如下图所示：
2
第二步，使用通配选择器设置全局样式，使用类选择器设置div标签，如下图所示：
3
第三步，保存代码并打开浏览器查看页面显示效果，可以看到一个虚线框的椭圆形，如下图所示：
4
第四步，再在类选择器中，添加一个box-shadow属性，有数值和颜色，如下图所示：
5
第五步，保存代码并在浏览器中预览，可以发现边框上方出现红色阴影，如下图所示：
6
第六步，再次将box-shadow属性的数值进行调整，然后再查看页面效果，如下图所示：
注意事项
1
注意使用CSS3中的属性设置元素的背景阴影
2
注意box-shadow属性的用法
上一篇：电脑查看epub文件
下一篇：春季适合饮用的花茶