CSS 选择器

练习 1 练习 2 练习 3 练习 4 前往 CSS 选择器教程

CSS 如何...

练习 1 练习 2 练习 3 练习 4 前往 CSS 如何...教程

CSS 背景

练习 1 练习 2 练习 3 练习 4 练习 5 前往 CSS 背景教程

CSS 边框

练习 1 练习 2 练习 3 练习 4 前往 CSS 边框教程

CSS 外边距

练习 1 练习 2 练习 3 练习 4 前往 CSS 外边距教程

CSS 内边距

练习 1 练习 2 练习 3 前往 CSS 内边距教程

CSS 高度/宽度

练习 1 练习 2 前往 CSS 高度/宽度教程

CSS 盒模型

练习 1 练习 2 练习 3 练习 4 前往 CSS 盒模型教程

CSS 外轮廓

练习 1 练习 2 练习 3 前往 CSS 外轮廓教程

CSS 文本

练习 1 练习 2 练习 3 练习 4 练习 5 前往 CSS 文本教程

CSS 字体

练习 1 练习 2 练习 3 练习 4 练习 5 前往 CSS 字体教程

CSS 链接

练习 1 练习 2 练习 3 练习 4 前往 CSS 链接教程

CSS 列表

练习 1 练习 2 练习 3 练习 4 前往 CSS 列表教程

CSS 表格

练习 1 练习 2 练习 3 练习 4 练习 5 练习 6 前往 CSS 表格教程

CSS 显示/可见性

练习 1 练习 2 练习 3 练习 4 前往 CSS 显示/可见性教程

CSS 定位

练习 1 练习 2 练习 3 练习 4 前往 CSS 定位教程

CSS Z-index

练习 1 前往 CSS Z-index 教程

CSS 溢出

练习 1 练习 2 练习 3 前往 CSS 溢出教程

CSS 对齐

练习 1 练习 2 前往 CSS 对齐教程

CSS 组合器

练习 1 练习 2 练习 3 练习 4 前往 CSS 组合器教程

CSS 伪类

练习 1 练习 2 练习 3 练习 4 前往 CSS 伪类教程

CSS 伪元素

练习 1 练习 2 练习 3 前往 CSS 伪元素教程

CSS 透明度

练习 1 练习 2 前往 CSS 透明度教程

CSS 属性选择器

练习 1 练习 2 练习 3 练习 4 练习 5 练习 6 前往 CSS 属性选择器教程

CSS 圆角

练习 1 练习 2 前往 CSS 圆角教程

CSS 边框图像

练习 1 练习 2 前往 CSS 边框图像教程

CSS 背景

练习 1 练习 2 练习 3 练习 4 练习 5 前往 CSS 背景教程

CSS 颜色

练习 1 练习 2 练习 3 练习 4 前往 CSS 颜色教程

CSS 渐变

练习 1 练习 2 练习 3 练习 4 练习 5 练习 6 练习 7 前往 CSS 渐变教程

CSS 阴影效果

练习 1 练习 2 练习 3 练习 4 练习 5 前往 CSS 阴影效果教程

CSS 文本效果

练习 1 练习 2 练习 3 前往 CSS 文本效果教程

CSS 网络字体

练习 1 练习 2 前往 CSS 网络字体教程

CSS 2D 变换

练习 1 练习 2 练习 3 练习 4 前往 CSS 2D 变换教程

CSS 3D 变换

练习 1 练习 2 练习 3 前往 CSS 3D 变换教程

CSS 过渡

练习 1 练习 2 练习 3 练习 4 练习 5 前往 CSS 过渡教程

CSS 动画

练习 1 练习 2 练习 3 练习 4 练习 5 练习 6 前往 CSS 动画教程

×

×

正确

练习：

为<div>元素设置一个线性渐变的背景，斜向从左上到右下。

<style> div { background-image: linear-gradient(to bottom right, white, green); } </style> <body> <div style="height:200px"></div> </body>

<style> div { background-image: linear-gradient(to right bottom, white, green); } </style> <body> <div style="height:200px"></div> </body>

不正确

点击此处重试

正确

下一题 ❯

<style>
div {
  background-image: linear-gradient(w3exercise_input_no_0
, white, green);
}
</style>

<body>
  <div style="height:200px"></div>
</body>