This is a quick CSS tutorial to show you how to create a menu list using either the CSS border style or a background image. The trick is to apply a bottom border to the <li> element, then use the absolute position property to shift the nested elements down to cover the border. It is very flexible — you can easily change the layout by altering the border or background image. It even works when the
![CSS: Menu List Design - Web Designer Wall](https://cdn-ak-scissors.b.st-hatena.com/image/square/5d2b9db9fd7feb622403f132ce3edbc11ee924bd/height=288;version=1;width=512/https%3A%2F%2Fwebdesignerwall.mystagingwebsite.com%2Fwp-content%2Fuploads%2F2009%2F01%2Fcode-explain.gif)