如何倾斜元素但保持文本正常（未倾斜）

Question

是否可以仅使用CSS复制此图像？

我想将此应用到菜单，所以棕色背景出现在hover实例上

我不知道该怎么做，我只有。

.menu li a:hover{

     display:block;

     background:#1a0000;

     padding:6px 4px;

}