Код вашей страницы

 

<html>
<head>
<style type="text/css">
div.background
{
width: 500px;
height: 250px;
background: url(image/audi-big.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 >> В раздел CSS >> На главную >>


HTML-верстка: инструменты и приемы профессиональной front-end разработки