CSS 边框图像 CSS 边框图像 CSS border-image 属性 实例 实例 CSS border-image - 不同的裁切值 实例 CSS 边框图像属性 CSS 边框图像 CSS 边框图像 通过使用 CSS border-image 属性，可以设置图像用作围绕元素的边框。 CSS border-image 属性...

CSS 覆盖变量 用局部变量覆盖全局变量 实例 实例 添加一个新的局部变量 实例 浏览器支持 CSS var() 函数 CSS 覆盖变量 用局部变量覆盖全局变量 从上一页我们了解到，可以在整个文档中访问/使用全局变量，而局部变量只能在声明它的选择器内使用。 请看上一页中的例子： 实例 : root { -- bl...

CSS Flexbox CSS Flexbox 布局模块 浏览器支持 Flexbox 元素 实例 父元素（容器） flex-direction 属性 实例 实例 实例 实例 flex-wrap 属性 实例 实例 实例 flex-flow 属性 实例 justify-content 属性 实例 实例 实例 实例 实例 ...

CSS 使用 JavaScript 更改变量 使用 JavaScript 更改变量 实例 浏览器支持 CSS var() 函数 CSS 使用 JavaScript 更改变量 使用 JavaScript 更改变量 CSS 变量可以访问 DOM，这意味着您可以通过 JavaScript 更改它们。 这个例子说明了如何创建脚本来显示并更改上一...

CSS align-items 属性 定义和用法 align-items 属性为弹性容器内的项目指定默认对齐方式。 提示 ：请使用每个项目的 align-self 属性来覆盖这个 align-items 属性。 另请参阅 ： CSS 教程：CSS Grid CSS 教程：CSS Flexbox CSS 参考手册：align-conten...

CSS 动画 CSS 动画 对动画的浏览器支持 什么是 CSS 动画？ @keyframes 规则 实例 实例 实例 延迟动画 实例 实例 设置动画应运行多少次 实例 实例 反向或交替运行动画 实例 实例 实例 指定动画的速度曲线 实例 指定动画的填充模式 实例 实例 实例 动画简写属性 实例 实例 CSS...

CSS align-content 属性 定义和用法 实例 CSS 语法 属性值 技术细节 浏览器支持 CSS align-content 属性 定义和用法 align-content 属性修改 flex-wrap 属性的行为。它与 align-items 相似，但是它不对齐弹性项目，而是对齐弹性线。 注意 ：必须有多行项目，此属...

CSS animation 属性 定义和用法 实例 CSS 语法 技术细节 浏览器支持 CSS animation 属性 定义和用法 animation 属性是一个简写属性，用于设置六个动画属性： animation-name animation-duration animation-timing-function animat...

CSS align-self 属性 定义和用法 实例 CSS 语法 属性值 技术细节 浏览器支持 CSS align-self 属性 定义和用法 align-self 属性指定弹性容器内所选项目的对齐方式。 注意 ：align-self 属性将覆盖弹性容器的 align-items 属性。 另请参阅 ： CSS 教程：CSS G...

CSS 背景 CSS background-color 实例 其他元素 实例 不透明度 / 透明度 实例 使用 RGBA 的透明度 实例 CSS 背景 CSS 背景属性用于定义元素的背景效果。 在这些章节中，您将学习如下 CSS 背景属性： background-color background-image backgro...