Tidy Blog

16^th August, 2010

How to put text into a Transparent Box using CSS

Step one of this tidy tutorial is creating a div element (class="background") with a fixed height and width, a background image, and a border. div.background { width:730px; height:400px; background:url(bg.jpg) repeat; border:5px solid #CCC; } Then we create a smaller div (class="transbox") inside the first. div.transbox { width:620px; height:200px; margin:30px 50px;…...