CSS是一种用于网页样式的语言，可以用来设置下拉菜单的样式。

首先，在HTML中，我们需要用标签来创建一个下拉菜单。例如：

<select><option>选项1</option><option>选项2</option><option>选项3</option></select>

在这个基础上，我们可以用CSS来添加样式。

首先，我们可以给下拉菜单一个宽度、背景色、字体颜色等样式：

<style>select {width: 200px;background-color: #fff;color: #333;font-size: 16px;}</style>

接着，我们可以设置下拉菜单的箭头样式：

<style>select {width: 200px;background-color: #fff;color: #333;font-size: 16px;-webkit-appearance: none;-moz-appearance: none;appearance: none;background-image: url('down-arrow.png');background-position: center right;background-repeat: no-repeat;padding-right: 20px;}</style>

这里，我们使用了CSS3的appearance属性来去除默认的箭头样式，并使用了background-image来添加自定义的箭头图片。

最后，我们可以设置下拉菜单选项的样式：

<style>select {width: 200px;background-color: #fff;color: #333;font-size: 16px;-webkit-appearance: none;-moz-appearance: none;appearance: none;background-image: url('down-arrow.png');background-position: center right;background-repeat: no-repeat;padding-right: 20px;}option {background-color: #ccc;color: #fff;}</style>

这里，我们使用了option标签选择器来设置下拉菜单选项的样式，包括背景色和字体颜色。

所有的代码加起来就是这样的：

<select><option>选项1</option><option>选项2</option><option>选项3</option></select><style>select {width: 200px;background-color: #fff;color: #333;font-size: 16px;-webkit-appearance: none;-moz-appearance: none;appearance: none;background-image: url('down-arrow.png');background-position: center right;background-repeat: no-repeat;padding-right: 20px;}option {background-color: #ccc;color: #fff;}</style>