How does google add the light blue colored vertical and horizontal bars (html/Css)

As shown in this screenshot:

I tried looking in the source code , but couldn't find it mysel开发者_运维百科f.

For the header, they use empty divs with the class .gbh, which provides the style border-top: 1px solid #C9D7F1;

Firebug's Parsing

<span id="ghead" style="visiblity:visible;">
    <div id="guser" width="100%">...</div>
    <div class=gbh style=left:0></div>
    <div class=gbh style=right:0></div>
</span>

Just use firebug or other similar tool and it'll take you 15 seconds.

border-left:1px solid #D3E1F9;