Skip to content

Instantly share code, notes, and snippets.

@rrguntaka

rrguntaka/page1.html

Created July 10, 2012 18:47
Show Gist options
  • Save rrguntaka/3085469 to your computer and use it in GitHub Desktop.
Save rrguntaka/3085469 to your computer and use it in GitHub Desktop.
Download ZIP
rounded corner box with shadow HTML template
Raw
page1.html
<html>
<head>
<title>Page 1</title>
<style type="text/css">
.roundContainer {
box-shadow:0px 0px 70px #222;
-moz-box-shadow:0px 0px 70px #222;
-webkit-box-shadow:0px 0px 70px #222;
border-radius: 15px;
-moz-border-radius: 15px;
-webkit-border-radius: 15px;
background-color:#fff;
margin:0px auto;
border-left:2px solid #fff;
border-right:2px solid #fff;
}
</style>
</head>
<body>
<div style="width:986px;height: 500px;" class="roundContainer"></div>
</body>
</html>
@davehodg
Copy link

Nice looking box. How do I several on a page in a responsive layout? Also text styling within with a decent border?

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment