#header-wrapper

#header-wrapper { BORDER-RIGHT: #95b9c7 1px solid; BORDER-TOP: #95b9c7 1px solid; BACKGROUND-IMAGE: url(http://photu.com/nature.jpg); MARGIN: 0px auto 10px; BORDER-LEFT: #95b9c7 1px solid; WIDTH: 890px; BORDER-BOTTOM: #95b9c7 1px solid }

let us deal about #header-wrapper{}



here hearder-wrapper defines the



header layout of your blog page



Now let us study of first attribute border-right: #95b9c7



1px solid;
here border are made to right-side


here defintion are made in just one line



"|brder-color|border-width|bordr-type|"



border color one can changed as one what wish



border-width may vary from 0,1,2,3.....n px



and last border-type may be any type (Which is given below)

border-style: dashed ; border-style: dotted ; border-style: solid ; border-style: double ; border-style: inset ; border-style: outset ; border-style: groove ; border-style: ridge ;

now border may be left,right,top and bottom.


let us deal about background-image:


here one can provde background image for header


for example we have taken
image Url(http://photu.com/nature.jpg)


it will depend upon blogger's choice


margin:opx auto 10px;



here margine 0px top ,auto to bottom and


10px to left and right..


one can increase or decrease the margin attribute


and last but not the least


width: 890px;


It may can be changed to any value i.e


INCREASED OR DECREASED

© Tips for Bloggers