CSS (Css.css)
* { margin: 0; padding: 0; }html {
background: url(images/1.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;
}
HTML (full.html)
<html><head>
<title>Full Background 100%</title>
</head>
<body>
<div id="page-wrap">
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed porta imperdiet diam at convallis. Praesent gravida, nibh vel eleifend auctor, mauris erat consectetur erat, eget vehicula mauris nulla viverra urna. Suspendisse ultrices felis interdum ante venenatis facilisis. Aenean molestie sagittis vestibulum. Integer pellentesque dolor ac urna sagittis fringilla. Duis rhoncus, est in adipiscing adipiscing, quam justo vulputate quam, nec pharetra est purus a nibh. Sed fermentum sem ut diam venenatis fringilla in ut augue. Nam placerat volutpat enim sit amet tincidunt. Suspendisse pulvinar augue in libero blandit sed scelerisque nulla tempus. Integer viverra tincidunt ornare. Duis et faucibus augue. Nulla elementum porta nibh, in fermentum arcu aliquam nec. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Nam quam ligula, fermentum sit amet viverra sit amet, cursus id nibh. Ut pharetra, quam nec vestibulum venenatis, lorem lorem interdum ipsum, sit amet aliquam elit tellus id lorem.
</div>
</body>
</html>
Tidak ada komentar:
Posting Komentar
Leave a message