程序员可以通过以下两种方法将图像添加到每个项目的下拉列表中。
方法1：使用CSS .dropdown类使用position：relative;当用户需要在下拉按钮下直接设置内容时使用(使用position：absolute来完成)。
.dropdown-content类保存实际的下拉菜单内容。请注意，“最小宽度”为160像素。程序员可以根据需要进行设置。在下拉内容中添加标记，以将图像插入到每个项目的下拉列表中。
注意：如果用户需要内容的宽度与下拉按钮一样宽，请将宽度设置为100％(设置溢出：自动以在小屏幕上滚动)。除了使用边框之外，我们还使用CSS box-shadow属性来创建下拉菜单，例如“卡片”。当用户将鼠标移到下拉按钮上时， ：hover选择器用于显示下拉菜单。
例子：
HTML
HTML
GeeksforGeeks
-
India
-
USA
-
England
-
Brazil
输出：
在上面的示例中，您需要将鼠标指针悬停在按钮上方以查看下拉列表。
方法2：使用Bootstrap：可以从或组件实现下拉菜单。要显示记录或列表，请在使用Bootstrap下拉插件的同时切换上下文覆盖。
例子：
的HTML
GeeksforGeeks
-
India
-
USA
-
England
-
Brazil
输出：
在上面的示例中，您可以切换(单击和关闭)按钮以查看下拉列表。
注意：在上面的示例中，可以使用