- 1). Create a label for the header bar. For this example, use:
#hdrbar{ - 2). Define the banner size. For consistent results on a variety of screen sizes, define the width as a percentage of the page. Specify the display height using pixels in the code:
width: 100%;
height: 80px; - 3). Specify the border type and color by adding:
border: solid black; - 4). Set the background and text colors and close the header bar definition with the code:
background: blue;
color: black;
}