Рамка для фотографии и описание

Это я.

Это моя фотка


Вернуться

CSS

------------------------------------------

.text p {
font:10px Verdana;font-weight:bold;color: brown;
}
#photo {
width: 92px;
}
.text {
border: 1px solid #ddd;
background: #f1f2e7;
padding: 10px;
text-align: center;
}

------------------------------------------

Цвет фона background, цвет рамки border, толщина рамки 1px, сплошная solid

Шрифт Verdana размер 10px полужирный, цвет brown

Ширина блока photo равна ширине фотографии

Отступ краев рамки от фото регулируется значением padding

Текст по центру text-align: center

------------------------------------------

HTML

------------------------------------------

 <div class="text" id="photo">
<img src="avatar.jpg" height="92" width="92" alt="Это я." />
<p>Это моя фотка</p>
</div>

Hosted by uCoz