IT入门 > 教程 >

CSS3 nav-up 属性

实例 指定导航使用向上箭头和向下箭头导航键： button#b1{top:20%;left:25%;nav-index:1;nav-right:#b2;nav-left:#b4;nav-down:#b2;nav-up:#b4;}button#b2{top:40%;left:50%;nav-index:2;nav-right:#b3;nav-left:#b1;nav-down:#b3;nav-u...

CSS3 outline-offset 属性

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

CSS3 resize 属性

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

CSS display 属性

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

CSS flex-direction 属性

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

CSS justify-content 属性

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

CSS align-items 属性

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

CSS flex-wrap 属性

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

CSS align-content 属性

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

CSS flex-flow 属性

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