Практическое задание

<html>
<head>
<title>Название окна</title>

<style>
.div_block {
    display: block;
    padding: 5px;
}

.div_line {
  display: inline-block;
  padding: 5px;
  border-bottom: solid 1px red;
  border-right: solid 1px green;
  border-top: solid 1px red;
  border-left: solid 1px green;
}


</style>

</head>

<body>

<div class="div_block">
    <div class="div_line">1</div>
    <div class="div_line">2</div> 
    <div class="div_line">3</div>
</div>

<div class="div_block">
    <div class="div_line">1</div>
    <div class="div_line">2</div> 
    <div class="div_line">3</div>
</div>

<div class="div_block">
    <div class="div_line">1</div>
    <div class="div_line">2</div> 
    <div class="div_line">3</div>
</div>


</body>

</html>

Вам также может понравиться

CSS классы

Шаблон страницы для редактирования

CSS первое занятие

Добавить комментарий Отменить ответ