目标效果：
要点：鼠标悬浮时显示蓝色背景图片
今日思考：1.结构：div中放入4个<a>标签
2.插入背景图片（插入图片并不能撑起a，需要给宽和高，即图片的宽高）
但<a>定义了宽、高后仍无效果 ？
原因：<a>是行内元素，需要转换为行内块元素（display： inline-block）
代码：
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name&
本文将引导初学者使用CSS制作一个简单的导航栏。内容包括如何在鼠标悬浮时显示蓝色背景图片，强调了<div>内嵌<a>标签的结构，以及解决<a>元素设置宽高无效的问题，通过将<a>元素转换为display: inline-block。
最低0.47元/天 解锁文章
扫一扫
419
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
