hover css y html

header{ background: rgba(31, 16, 238, 0.116); font-family:"Caribbean"; color:greenyellow;}

p{ font-family:"Armalite Rifle" ;

} nav li{ display: inline; margin:0 0 0 15 ;

} nav a{ text-transform:uppercase; color: black; font-weight: bold; font-size: 22px; text-decoration: none;

} nav { position:absolute; top: 50px; right:1000px;

} .caja { position: relative; width: 2000px; margin: 0 auto; }.productos { width: 940px; margin7: 0 auto; padding: 50px;

}

.productos li { display: inline-block; text-align: center; width: 30%; vertical-align: top; margin: 0 1.5%; padding: 30px 20px; box-sizing: border-box; border:8px solid rgb(240, 15, 15); border-top-left-radius:10px; border-top-right-radius:25px; background:rgba(0, 128, 0, 0.219); }

.productos h2 { font-size: 30px; font-weight: bold; }

.producto-descripcion { font-size: 18px; }

.producto-precio { font-size: 20px; font-weight: 30px; margin-top: 10px;

} h2{ font-family:"Armalite Rifle" ;}

#caso{ font-size:40px ; background:rgba(127, 255, 212, 0.274);}

body { background-image:url("jam.png") ; background-repeat: no-repeat; top: -00px; } nav a:hover{ color:green; text-decoration:underline ; } .productos li:hover{ color:rgb(38, 0, 128); text-decoration:underline ; font-size:20px ; background-image:url("j.jpg") ; border-image-repeat: no repeat;

}

.productos li:active{ border-color:rgb(0, 30, 128);

}

html

• plataforma
• back end
• sqk

bienvenidos a nuestro catalogo de productos homerisimo

• bedidas

  

  jugos,gaseosas ,vinos ,copteles

  desde 3000

  </li>
  <li><h2>snacks</h2>
      <img src="fries.png">
      <p>dulces,helados,papas entre otros  </p>
      <p>desde 2000.........</p>
    </li>
    <li>
    <h2>comidas</h2>
    <img src="hamb.png">
    <p>comida nacional e internacional</p>
   <p>desde 15000</p>    
    </li>