Learning Path
浏览 CSS 参考手册 相关教程与章节。
HTML、CSS、JavaScript、浏览器 API、前端框架与 UI 工程。
教程
319
CSS border-right-style 属性 实例 设定右边框的样式： [mycode3 type='css'] p { border-style:solid; border-right-style:dotted; } [/mycode3] 尝试一下 » 属性定义及使用说明 border-right-style属性设置元素右边框的样式。 默认值: ..
CSS border-right-width 属性 实例 设置右边框的宽度： [mycode3 type='css'] p { border-style:solid; border-right-width:15px; } [/mycode3] 尝试一下 » 属性定义及使用说明 border-right-width属性设置一个元素右边框的宽度。 注意 请始终在 border-rig..
CSS border-spacing 属性 实例 设置表格的边框间距： [mycode3 type='css'] table { border-collapse:separate; border-spacing:10px 50px; } [/mycode3] 尝试一下 » 属性定义及使用说明 border-spacing 属性设置相邻单元格的边框间的距离（仅用于“边框分离”模式）。 ..
CSS border-style 属性 实例 设置四个边框的样式： [mycode3 type='css'] p { border-style:solid; } [/mycode3] 尝试一下 » 本页底部可以查看更多实例。 属性定义及使用说明 border-style属性设置一个元素的四个边框的样式。此属性可以有一到四个值。 实例: border-style:dotted solid do..
CSS border-top-color 属性 实例 设置顶部边框颜色： [mycode3 type='css'] p { border-style:solid; border-top-color:#ff0000 } [/mycode3] 尝试一下 » 属性定义及使用说明 border-top-color 设置元素的上边框的颜色。 注意：请始终把border-style属性声明到..
CSS border-top-style 属性 实例 设置顶部边框样式： p { border-style:solid; border-top-style:dotted; } 尝试一下 » 属性定义及使用说明 border-top-style属性设置一个元素的顶部边框样式。 默认值： not specified 继承性： no ..
CSS border-top-width 属性 实例 设置顶部边框的宽度： p { border-style:solid; border-top-width:15px; } 尝试一下 » 属性定义及使用说明 border-top-width属性设置一个元素的顶部边框的宽度。 注意:请始终在 border-top-width 属性之前声明 border-style 属性。元素只有在获得边框..
CSS border-top 属性 实例 设置上边框的样式： p { border-style:solid; border-top:thick double #ff0000; } 尝试一下 » 属性定义及使用说明 border-top 简写属性把上边框的所有属性设置到一个声明中 可以按顺序设置如下属性： border-top-width, border-top-style, and bor..
CSS border-width 属性 实例 设置四个边框的宽度： [mycode3 type='css'] p { border-style:solid; border-width:15px; } [/mycode3] 尝试一下 » 属性定义及使用说明 border-width属性设置一个元素的四个边框的宽度。此属性可以有一到四个值。 实例: border-width:thin medium ..
CSS border 属性 实例 设置四个边框样式： [mycode3 type='css'] p { border:5px solid red; } [/mycode3] 尝试一下 » 标签定义及使用说明 border 是边框属性的简写属性。 CSS border 属性用于指定元素边框的样式、宽度和颜色。 可以设置的属性分别（按顺序）：border-width, border-style ..
CSS @charset 规则 实例 设置样式表中使用的字符编码为 UTF-8： [mycode3 type='css'] @charset 'UTF-8'; [/mycode3] 浏览器支持 表格中的数字表示支持该属性的第一个浏览器版本号。 属性 @charset..
CSS clear 属性 实例 指定段落的左侧或右侧不允许浮动的元素： [mycode3 type='css'] img { float:left; } p.clear { clear:both; } [/mycode3] 尝试一下 » 本页底部查看更多实例。 属性定义及使用说明 clear属性指定段落的左侧或右侧不允许浮动的元素。 默认值： none ..
CSS cursor 属性 实例 一些不同的光标： span.crosshair {cursor:crosshair} span.help {cursor:help} span.wait {cursor:wait} 尝试一下 » 属性定义及使用说明 cursor属性定义了鼠标指针放在一个元素边界范围内时所用的光标形状 默认值： auto 继承： yes ..
CSS display 属性 实例 设置 display 不同属性： [mycode3 type='css'] p.ex1 {display: none;} p.ex2 {display: inline;} p.ex3 {display: block;} p.ex4 {display: inline-block;} [/mycode3] 尝试一下 » 属性定义及使用说明 display 属性设置元素是否..
CSS float 属性 实例 让图像向右侧浮动： img { float:right; } 尝试一下 » 在此页底部有更多的例子。 属性定义及使用说明 float属性指定一个盒子（元素）是否应该浮动。 注意： 绝对定位的元素忽略float属性！ 默认值： none 继承： no 版本： CSS1 JavaScript 语法： ..
CSS position 属性 实例 定位<h2>元素： [mycode3 type='css'] h2 { position:absolute; left:100px; top:150px; } [/mycode3] 尝试一下 » 在此页底部有更多的例子。 属性定义及使用说明 position属性指定一个元素（静态的，相对的，绝对或固定）的定位方法的类型。 ..
CSS visibility 属性 实例 使 <h2> 元素不可见： h2 { visibility:hidden; } 尝试一下 » 在此页底部有更多的例子。 属性定义及使用说明 visibility属性指定一个元素是否是可见的。 提示:即使不可见的元素也会占据页面上的空间。请使用 'display' 属性来创建不占据页面空间的不可见元素..
CSS clip-path 属性 实例 裁剪一张图像，以圆形的方式显示 50%： [mycode3 type='css'] img { clip-path: circle(50%); } [/mycode3] 尝试一下 » 属性定义及使用说明 clip-path 属性使用裁剪方式创建元素的可显示区域。区域内的部分显示，区域外的隐藏。可以指定一些特定形状。 注意： clip-path 属性将..
CSS height 属性 实例 设置一个段落的高度和宽度： p.ex { height:100px; width:100px; } 尝试一下 » 在此页底部有更多的例子。 属性定义及使用说明 height属性设置元素的高度。 注意： height属性不包括填充，边框，或页边距！ 默认值： auto 继承： no 版本： CSS1 Ja..
CSS line-height 属性 实例 使用百分比设置行高: [mycode3 type='css'] p.small {line-height:90%} p.big {line-height:200%} [/mycode3] 尝试一下 » 在此页底部有更多的例子。 属性定义及使用说明 设置以百分比计的行高：. 注意： 负值是不允许的 默认值： normal 继承： ..
CSS max-height 属性 实例 设置段落的最大高度： [mycode3 type='css'] p { max-height:50px; } [/mycode3] 尝试一下 » 属性定义及使用说明 max-height 属性设置元素的最大高度。 注意： max-height属性不包括填充，边框，或页边距！ 默认值： none 继承： no ..
CSS max-width 属性 实例 设置段落的最大宽度： p { max-width:100px; } 尝试一下 » 属性定义及使用说明 max-width属性设置元素的最大宽度。 注意： max-width属性不包括填充，边框，或页边距！ 默认值： none 继承： no 版本： CSS2 JavaScript 语法： ..
CSS min-height 属性 实例 设置段落的最低高度： [mycode3 type='css'] p { min-height:100px; } [/mycode3] 尝试一下 » 属性定义及使用说明 min-height 属性设置元素的最低高度。 注意： min-height属性不包括填充，边框，或页边距！ 默认值： 0 继承： no ..
CSS min-width 属性 实例 设置段落的最小宽度： [mycode3 type='css'] p { min-width:1000px; } [/mycode3] 尝试一下 » 属性定义及使用说明 min-width属性设置元素的最小宽度。 注意： min-width属性不包括填充，边框，或页边距！ 默认值： 0 继承： no 版本： ..