http://css-tricks.com/perfect-full-page-background-image/
<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>Full Page Background Image | Progressive</title> <style> * { margin: 0; padding: 0; } html { background: url(images/bg.jpg) no-repeat center center fixed; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; } #page-wrap { width: 400px; margin: 50px auto; padding: 20px; background: white; -moz-box-shadow: 0 0 20px black; -webkit-box-shadow: 0 0 20px black; box-shadow: 0 0 20px black; } p { font: 15px/2 Georgia, Serif; margin: 0 0 30px 0; text-indent: 40px; } </style> </head> <body> <div id="page-wrap"> <p>Pellentesque habitant morbi tristique senectuss</p>
</body>
No comments:
Post a Comment