Показать сообщение отдельно
  #5 (permalink)  
Старый 10.03.2017, 12:55
Аватар для рони
Профессор
Отправить личное сообщение для рони Посмотреть профиль Найти все сообщения от рони
 
Регистрация: 27.05.2010
Сообщений: 33,064

Fanis V,
<!DOCTYPE html>

<html>
<head>
  <title>Untitled</title>
  <meta charset="utf-8">
  <style type="text/css">
  #pic{
    box-sizing:border-box;
    border: 1px solid #0000FF;
    height:200px;
    width:300px;
    margin: 0;  padding: 0;
    background-image: url(http://vremena-goda.su/uploads/posts/2015-12/thumbs/1450868041_begemot-foto-i-opisanie.jpg);
    background-repeat:  no-repeat;
    background-size:   cover;
  }
  #cb1:checked ~ #pic{
    background-image: url(http://vremena-goda.su/uploads/posts/2015-12/thumbs/1450868041_begemot-foto-i-opisanie.jpg);
  }
  #cb2:checked ~ #pic{
    background-image: url(http://zhivotnue.ru/image/dicie_zhivotnue/slonovue/4.jpg);
  }
  #cb3:checked ~ #pic{
    background-image: url(https://dncache-mauganscorp.netdna-ssl.com/thumbseg/2150/2150535-bigthumbnail.jpg);
  }
  </style>


</head>

<body>
<input checked="checked" autocomplete="off" type ="radio" id = "cb1" name="show"  >
<input autocomplete="off" type ="radio" id = "cb2" name="show">
<input autocomplete="off" type ="radio" id = "cb3" name="show">
<div id="pic"></div>

</body>
</html>
Ответить с цитированием