CSS3+HTML5

молодёжный технический клуб

CSS3+HTML5

11.07.2019 Без рубрики 0
div.container-1 {
  width:50%;
	background-color:#FFFF00;
  padding-top:0.5em;
  padding-bottom:0.5em;
  border:0.2em;
  border-color:#FF0000;
  border-style:dotted;
  border-radius:1em;
}

div.container-1 ul {
  list-style-type: none;
}

div.container-1 ul li span{
	color:#FF0000;
  text-decoration: underline;
  font-style: italic;
  font-size:2em;
  letter-spacing: 2px;
}

div.container-2 {
  width:50%;
	background-color:#00FF00;
  padding-top:0.5em;
  padding-bottom:0.5em;
  border:0.2em;
  border-color:#FF0000;
  border-style:dotted;
  border-radius:1em;
}

div.container-2 ul {
  list-style-type: none;
}

div.container-2 ul li span{
	color:#FF0000;
  text-decoration: underline;
  font-style: italic;
  font-size:2em;
  letter-spacing: 2px;
}
<div class="container-1">
  <ul>
    <li><span>Item first</span></li>
    <li><span>Item second</span></li>
    <li><span>Item third</span></li>
  </ul>
</div>

<div class="container-2">
  <ul>
    <li><span>Элемент первый</span></li>
    <li><span>Элемент второй</span></li>
    <li><span>Элемент третий</span></li>
  </ul>
</div>

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

Ваш e-mail не будет опубликован. Обязательные поля помечены *