Programando PHP: CSS: after y before añadir textos


<!DOCTYPE html>

<html lang="es">

<head>

 <style>

 .fondoAzul {

  background-color:#2C2961;

 }

 .ladoIzq {

    border:1px solid #000;

    width: 225px;

    height: 100%;

    position: fixed;

    left: 0;

    top: 0;

    z-index: 999;

 }

 .zonaCarga {

    padding-left: 225px;

    padding-top: 10px;

    float: left;

    width: 100%;

 }

 .miClase {

  position:relative;

 }

 .miClase:before {

  content: "AAA"

 }

 .miClase:after {

  content: "BBB"

 }

 </style>

</head>

<body>



<aside class="ladoIzq">

MENU IZQ

</aside>



<section class="zonaCarga">

 <span class="miClase">Hola mundo</span>

 <h2 class="miClase">Esto es un h2</h2>

</section>



</body>

</html>

Programando PHP

ccc

CSS: after y before añadir textos

No hay comentarios:

Publicar un comentario