html 背景图片旋转,CSS 背景图旋转的问题

在学习CSS的过程中遇到以下问题：

蓝色箭头所指的白色小箭头是向右的，我想把它旋转到向下，这个应该怎么做呢？

附上代码：

背景颜色

#nav {

width: 230px;

background-color: #D7D7D7;

}

.title {

background-color: #C00;

font-size: 18px;

font-weight: bold;

color: #FFF;

text-indent: 1em;

line-height: 35px;

background-image: url("bg.png");

background-repeat: no-repeat;

background-position: 205px 10px;

}

#nav ul li {

height: 30px;

line-height: 25px;

list-style: none;

background-image: url("bg.png");

background-repeat: no-repeat;

background-position: 170px 2px;

}

a {text-decoration: none}

全部商品分类

• 图书  音像  数字商品

• 家用电器  手机  数码

• 电脑  办公

• 家居  家装  厨具

• 服饰鞋帽  个护化妆

• 礼帽箱包  钟表  珠宝

• 食品饮料  保健食品

• 彩票  旅行  充值  票务

如果是用transform:rotate，只能把整个标题块旋转过来，问题是我只想转这个小箭头