Html 悬停下拉菜单外观

我正在尝试一个多年前有人创建的网站。。。我对编码知之甚少，所以我真的不在我的舒适区内，而是尽力做到最好

我想在导航栏上做一个下拉菜单，我可以。我唯一的问题是这个按钮看起来不像我导航栏的其他部分。它就像一个盒子，我不知道如何让它看起来像其他的

.dropbtn{
背景色：无；
颜色：黑色；
填充：16px；
字号：18px；
文字装饰：无；
边界：无；
高度：22px；
字体系列：Arial；
字体大小：24px；
大纲：无；
}
.下拉列表{
位置：相对位置；
显示：内联块；
}
.下拉内容{
显示：无；
位置：绝对位置；
背景色：#f1f1；
最小宽度：160px；
盒影：0px 8px 16px 0px rgba（0,0,0,0.2）；
z指数：1；
}
.下拉内容a{
颜色：黑色；
填充：12px 16px；
文字装饰：无；
显示：块；
背景色：白色；
}
.下拉内容a:悬停{背景色：#ddd}
.下拉：悬停.下拉内容{
显示：块；
}
.dropdown:悬停.dropbtn{
背景色：#C0D9D；
文字装饰：下划线；
颜色：#C0D9D9；
字体大小：24px；
字体系列：Arial；
}

姿势与部分
这是因为您将其创建为一个按钮，并在css中应用了长方体样式。像其他菜单项一样，使其成为锚（
a
）


。下拉列表{
位置：相对位置；
显示：内联块；
}
.下拉内容{
显示：无；
位置：绝对位置；
背景色：#f1f1；
最小宽度：160px；
盒影：0px 8px 16px 0px rgba（0,0,0,0.2）；
z指数：1；
}
.下拉内容a{
颜色：黑色；
填充：12px 16px；
文字装饰：无；
显示：块；
背景色：白色；
}
.下拉内容a:悬停{背景色：#ddd}
.下拉：悬停.下拉内容{
显示：块；
}

姿势与部分