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 动画教程

×

×

正确

练习：

使用CSS在用户鼠标悬停在图像上时“取消”图像的透明度。

<style> img { opacity: 0.4; } img:hover { opacity: 1.0; } </style> <body> <img src="klematis.jpg" width="150" height="113"> </body>

<style> img { opacity: 0.4; } img:hover { opacity: 1; } </style> <body> <img src="klematis.jpg" width="150" height="113"> </body>

<style> img { opacity: 0.4; } img:hover { opacity: 100%; } </style> <body> <img src="klematis.jpg" width="150" height="113"> </body>

<style> img { opacity: 0.4; } img:hover { opacity: initial; } </style> <body> <img src="klematis.jpg" width="150" height="113"> </body>

不正确

点击此处重试

正确

下一题 ❯

<style>
img {
  opacity: 0.4;
}
img:hover {
  opacity: w3exercise_input_no_0
;
}
</style>

<body>
  <img src="klematis.jpg" width="150" height="113">
</body>