HTML CSS examples for CSS Widget:Header
Repeat background image around centered header
<html> <head> <meta name="viewport" content="width=device-width, initial-scale=1"> <style id="compiled-css" type="text/css"> #HeaderContainer {<!--from w w w . j av a 2s .co m--> width: 100%; position: relative; } #HeaderLeft { background: url("https://www.java2s.com/style/demo/Opera.png") repeat-x top left; height: 210px; position: absolute; top: 0%; left: 0%; ; width: 50%; } #header { background: url("https://www.java2s.com/style/demo/Google-Chrome.png") no-repeat 0 0 #707173; height: 210px; width: 990px; margin: 0 auto; position: relative; } #HeaderRight { background: url("https://www.java2s.com/style/demo/Opera.png") repeat-x top right; height: 210px; position: absolute; top: 0%; right: 0%; width: 50%; } </style> </head> <body> <div id="HeaderContainer"> <div id="HeaderLeft"> </div> <div id="HeaderRight"> </div> <div id="header"> <div id="Menu"> <ul class="tab"> <li> <a href="page.html">Link</a> </li> </ul> </div> </div> </div> </body> </html>