Transparent Box using CSS
The below code will explain you how to make a transparent box and inside that some text contents.
This is very simple code and can be created using table tags also.
The source code looks like this:
<html> <head>
<style type="text/css">
div.background
{
width: 500px;
height: 250px;
background: url(anyname.jpg) repeat;
border: 2px solid black;
}
div.transbox
{
width: 400px;
height: 180px;
margin: 30px 50px;
background-color: #ffffff;
border: 1px solid black;
/* for IE */
filter:alpha(opacity=60);
/* CSS3 standard */
opacity:0.6;
/* for Mozilla */
-moz-opacity:0.6;
}
div.transbox p
{
margin: 30px 40px;
font-weight: bold;
color: #000000;
}
</style>
</head>
<body>
<div class="background"> <div class="transbox"> <p>This is some text that is placed in the transparent box. This is some text that is placed in the transparent box. This is some text that is placed in the transparent box. This is some text that is placed in the transparent box. This is some text that is placed in the transparent box. </p> </div> </div>
</body> </html>
Related posts:
- Arrays In PHP
- Displaying or changing images each day
- How to install XAMPP
- Simple XML Reading Using PHP
- Context Right Click Menu Using Javascript
- MD5 Function and Unique ID in php
- Hit counter using php
