要实现带有按钮的下拉菜单效果，可以使用CSS中的下拉菜单（dropdown menu）和伪元素（pseudo-element）技术。下面是实现的步骤：
创建HTML结构，包括按钮和下拉菜单的列表。按钮可以是一个简单的链接或按钮元素，下拉菜单可以使用HTML中的无序列表（ul）和列表项（li）。
使用CSS创建下拉菜单的样式。可以使用position属性将下拉菜单定位在按钮下方，使用display属性将其设置为隐藏。当按钮被单击时，可以使用CSS的:hover伪类或:focus伪类来显示下拉菜单。
使用伪元素创建下拉箭头。可以使用::before或::after伪元素在按钮上方创建一个小三角形，并使用CSS样式设置其颜色和大小。
使用CSS样式为下拉菜单中的每个列表项设置样式，包括背景颜色、字体大小和对齐方式等。在用户选择列表项时，可以使用CSS的:focus伪类来高亮显示所选项。
最后，应用CSS的transition属性为下拉菜单添加动画效果，使其在显示和隐藏时平滑过渡。
关键词高亮：CSS下拉菜单、伪元素、position属性、display属性、:hover伪类、:focus伪类、::before伪元素、::after伪元素、transition属性。