在CSS3新加的特性中，display属性新加了几个属性值，除了box之外，还有inline-box。inline-box是设置内联伸缩级的容器。下面利用一个具体的实例说明display为inline-box的用法，操作如下：
工具/原料
1
CSS3
2
HTML5
3
HBuilder
4
浏览器
5
截图工具
方法/步骤
1
第一步，在已创建的Web项目中，新建静态页面inlinebox.html，如下图所示：
2
第二步，在
标签元素内，插入一个div和七个子div，利用星期作为div标签内容，如下图所示：3
第三步，使用week类选择器设置display属性，属性值为inline-box，如下图所示：
4
第四步，利用类找到下面的子div标签，设置div内边距、外边距、字体属性、行高、边框和内容居中，如下图所示：
5
第五步，保存代码并在浏览器中，查看设置块的效果，依次排开展示，如下图所示：
6
第六步，最后设置div标签元素的border-radius和background，背景使用渐变repeating-radial-gradient，如下图所示：
注意事项
1
注意CSS3属性display中的box和inline-box的区别
2
注意合理使用CSS3中的display属性值