实例 指定外边框边缘的轮廓15px： div{border:2px solid black;outline:2px solid red;outline-offset:15px;} 尝试一下 » 浏览器支持 表格中的数字表示支持该属性的第一个浏览器版本号。 紧跟在 -webkit-,...

实例 指定一个 div 元素，允许用户调整大小： çdiv{ resize:both; overflow:auto;} 尝试一下 » 浏览器支持 表格中的数字表示支持该属性的第一个浏览器版本号。 紧跟在 -webkit-, -ms- 或 -moz- 前的...

实例 设置段落生成一个行内框： p.inline{ display:inline;} 尝试一下 » 属性定义及使用说明 display 属性规定元素应该生成的框的类型。 默认值： inline 继承： no 版本： CSS1 JavaScript 语法：...

实例 设置 div 元素内弹性盒元素的方向为相反的顺序： div{ display:flex; flex-direction:row-reverse;} 尝试一下 » 浏览器支持 表格中的数字表示支持该属性的第一个浏览器的版本号。 紧跟在 -...

实例 在弹性盒对象的 div 元素中的各项周围留有空白： div{ display: flex; justify-content: space-around;} 尝试一下 » 浏览器支持 表格中的数字表示支持该属性的第一个浏览器的版本号。 紧跟在...

实例 居中对齐弹性盒的各项 div 元素： div{ display: flex; align-items:center;} 尝试一下 » 浏览器支持 表格中的数字表示支持该属性的第一个浏览器的版本号。 紧跟在 -webkit-, -ms- 或 -moz- 后的...

实例 让弹性盒元素在必要的时候拆行： display:flex;flex-wrap: wrap; 尝试一下 » 浏览器支持 表格中的数字表示支持该属性的第一个浏览器的版本号。 紧跟在 -webkit-, -ms- 或 -moz- 后的数字为支...

实例 对齐弹性盒的 div 元素的各项： div{ display: flex; flex-flow: row wrap; align-content:space-around;} 尝试一下 » 浏览器支持 表格中的数字表示支持该属性的第一个浏览器的版本号。 紧跟在 -we...

实例 让弹性盒的元素以相反的顺序显示，且在必要的时候进行拆行： display:flex;flex-flow:row-reverse wrap; 尝试一下 » 浏览器支持 表格中的数字表示支持该属性的第一个浏览器的版本号。...

实例 设置弹性盒对象元素的顺序： div#myRedDIV {order:2;}div#myBlueDIV {order:4;}div#myGreenDIV {order:3;}div#myPinkDIV {order:1;} 尝试一下 » 浏览器支持 表格中的数字表示支持该属性的第一个浏览器的版...