Редактор Онлайн

<html>
<head>
<style type="text/css">
div.background
{
  width: 500px;
  height: 250px;
  background: url(images/klematis2.jpg) repeat;
  border: 2px solid black;
}
div.transbox
{
  width: 400px;
  height: 180px;
  margin: 30px 50px;
  background-color: #ffffff;
  border: 1px solid black;
  filter:alpha(opacity=60);
  opacity:0.6;
}
div.transbox p
{
  margin: 30px 40px;
  font-weight: bold;
  color: #000000;
}
</style>
</head>
<body><div class="background">
<div class="transbox">
<p>Это некоторый текст, который расположен в прозрачном блоке.
Это некоторый текст, который расположен в прозрачном блоке.
Это некоторый текст, который расположен в прозрачном блоке.
Это некоторый текст, который расположен в прозрачном блоке.
</p>
</div>
</div>
</body>
</html>

Ваш Результат:

Отредактируйте код сверху и кликните кнопку, чтобы посмотреть результат.

Уроки CSS - Попробуйте сами