可以使用css进行特殊导航吗？

我有这样一个导航：

我可以用css做这个吗？或者我必须剪切背景图像并在css中使用它吗？我只是想知道是否可以用纯css而不用背景图片

---

我在css中不是最好的，所以如果可能的话，你能给我一些链接或一些我可以搜索的关键字吗？

在css中，你最终可以使用框阴影和边框半径： CSS

HTML用于演示：

<nav>
  <ul>
    <li><a href="#">lien</a></li>
    <li><a href="#">lien</a></li>
  </ul>
  <img src="http://dummyimage.com/95x95/84C390&text=lorem"/>
</nav>

<nav>
  <ul>
    <li><a href="#">lien</a></li>
    <li><a href="#">lien</a></li>
  </ul>
  <img src="http://dummyimage.com/95x95/84C390&text=lorem"/>
</nav>