What is this?
This is the Box Properties. The purpose of this is to make it easier to make and style a Box
How to Use...
Step 1. Play around with this generator.
Step 2. Look at the Preview Box to see if you like.
Loading Box Properties
Loading Text
This is the Box Properties. The purpose of this is to make it easier to make and style a Box
How to Use...
Step 1. Play around with this generator.
Step 2. Look at the Preview Box to see if you like.
Loading Box Properties
Loading Text
The code
Preview
It is a truth universally acknowledged, that a single man in possession of a good fortune, must be in want of a wife. However little known the feelings or views of such a man nay be on his first entering a neighbourhood, this truth is so ell fixed in the minds of the surrounding families, that he is considered as the rightful property of some one or other of heir daughters.
Using the code in CSS:
<style>
#box {
box-shadow:-10px -10px 10px #333333, -10px -10px 2px #333333;
border-radius-top-left:5px;
border-radius-top-right:4px;
border-radius-bottom-left:9px;
border-radius-bottom-right:10px;
background-color: #FFFFFF;
color: #666666;;
border-left:1px black;
border-right:1px black;
border-top:1px black;
border-bottom:1px black;
</style>
<div id="box"> This is the box content </div>