F
Frontend 0→1
首页
学习路径
知识库
练习
我的
搜索知识点...
⌘K
练习:CSS 选择器实战
阶段 1 · HTML/CSS 基础 · 难度 ⭐⭐☆
已通过 1/3
⏱ 用时 5 分钟
📋 题目描述
任务:给卡片添加样式
请用 CSS 选择器完成以下任务:
将所有
.card
的背景设为白色,圆角 8px
将
.card
的标题颜色设为
#0F172A
鼠标悬停时,卡片边框变为蓝色
💡
提示
使用
.card
类选择器和
:hover
伪类
测试用例:
✓
.card
背景为白色
✓
.card
圆角为 8px
○
.card:hover
边框为蓝色
💻 代码编辑
CSS
.card { background: #ffffff; border-radius: 8px; border: 1px solid #e2e8f0; padding: 16px; } .card h3 { color: #0F172A; } .card:hover { border-color: #185FA5; }
👁 实时预览
桌面
移动
▶ 运行
✓ 提交
↺ 重置
查看参考解法