- index.html
- style.css
HTML
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>Свойство display: none</title>
<link rel="stylesheet" href="style.css">
</head>
<body>
<h1>Посещения по городам</h1>
<div class="table">
<div class="row">
<div class="cell">Город</div>
<div class="cell">Посещения</div>
<div class="cell">Страниц</div>
<div class="cell">Время</div>
</div>
<div class="row row-2">
<div class="cell">СПБ</div>
<div class="cell">500</div>
<div class="cell">6</div>
<div class="cell">00:08:05</div>
</div>
<div class="row">
<div class="cell cell-3-1">МСК</div>
<div class="cell">600</div>
<div class="cell">5</div>
<div class="cell">00:07:05</div>
</div>
</div>
</body>
</html>
CSS
div {
margin: 5px;
padding: 5px;
border: 1px dotted white;
}
.table {
display: table;
padding: 0;
border-spacing: 5px;
background-color: #d9edf7;
border-color: #3a87ad;
}
.row {
display: table-row;
background-color: #f2dede;
border-color: #b94a48;
}
.cell {
display: table-cell;
background-color: #fbeed5;
border-color: #c09853;
}
Вы перешли на другую страницу
Кликните внутри мини-браузера, чтобы поставить фокус в это окно.
ЗадачиВыполнено
0
- Скройте элемент с классом
row-2с помощьюdisplay. - Затем удалите у
row-2свойствоdisplayи скройте элемент с помощьюvisibility. - Скройте элемент с классом
cell-3-1с помощьюdisplay. - Затем удалите у
cell-3-1свойствоdisplayи скройте элемент с помощьюvisibility.