在利用CSS3新加的属性中，结合背景渐变、元素圆角和边框属性，制作出不同类型的游泳池图形；合理设计宽度和高度，以及外边距。下面利用实例说明如何实现，操作如下：
工具/原料
1
CSS3
2
HTML5
3
HBuilder
4
浏览器
5
截图工具
方法/步骤
1
第一步，双击打开HBuilder编辑工具，新建一个HTML5模板界面，如下图所示：
2
第二步，在
元素内插入一个div标签元素，设置对应的class属性，如下图所示：3
第三步，在style标签内，设置元素的高度、宽度、外边距和背景渐变，如下图所示：
4
第四步，保存代码并打开浏览器，直接查看设置好的样式，可以发现出现渐变的矩形，如下图所示：
5
第五步，再在背景属性下方，添加border-radius属性并设置值，如下图所示：
6
第六步，最后给元素添加一个border属性，属性值为50px #8D89D1 dashed，如下图所示：
注意事项
1
注意选择CSS3中的属性设置元素的样式
2
注意border-radius、border和background结合使用
上一篇：如何建立国外轮胎销售体系
下一篇：学会三招 让你的汽车轮胎无忧