# \[CSS\] double border

**URL:** <https://forum.kirupa.com/t/css-double-border/246216>\
**Category:** web dev\
**Created:** [December 8, 2007, 4:39am UTC](https://forum.kirupa.com/t/css-double-border/246216 "2007-12-08T04:39:46Z")\
**Posts on this page:** 1\
**Page:** 1

<div class="post-metadata">

**Author:** ![NeoDreamer](https://avatars.discourse-cdn.com/v4/letter/n/ccd318/32.png) [@NeoDreamer](https://forum.kirupa.com/u/NeoDreamer)\
**Post date:** [December 8, 2007, 4:39am UTC](https://forum.kirupa.com/t/css-double-border/246216/1 "2007-12-08T04:39:46Z")

</div>

Is there any way to define 2 borders (inner and outer) in CSS without using 2 DIV’s. A 1 DIV solution would be clean and easily manageable. Here’s an example from [www.netvibes.com](http://www.netvibes.com) :

![](http://forum.kirupa.com/uploads/kirupa/4177/2dfe37d1992f1d7a.gif)

The inner border is a thin blue line and the outer border is a psuedo-drop shadow.