Diseñando un párrafo con CSS

Atribuir ID y CLASS a un párrafo para modificar de la etiqueta <p> aplicando diferentes estilos CSS,

El tag p o párrafo de html al utilizarlo en el diseño de una página web, ya tiene unos atributos por defecto que le dan cierto diseño, pero en el planteamiento y diseño de una página web necesitamos modificar ciertos atributos o propiedades como:

  • Color
  • Tamaño
  • Tipo de Fuente
  • Espacio entre cada letra
  • Espacio entre el borde y el texto
  • Espacio entre el borde y elementos externos
  • Visualización
  • Animación
  • Atributos como ID, CLASS, etc

Veremos las distintas  formas en que podemos usarlo en nuestros proyectos web.

CÓDIGO CSS PARA UN PÁRRAFO 

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>DISEÑO DE UN PÁRRAFO</title>
    <style>
        #primero{
            color:white;
            background: blue;         
            
            padding: 20px;
            margin: 50px;
            letter-spacing: 10px;
            font-family: fantasy;
           
            text-shadow: 0px 0px 5px black;
            border: 4px solid white;
            border-radius: 10px;
            box-shadow: 0px 0px 10px black;          

        }
        #segundo{
            color:yellow;
        }
        .texto{
            font-size: 50px;
            text-align: center;
        }
    </style>
</head>
<body>
    <p id="primero" class="texto">FELIZ AÑO 2019</p>
    <p id="segundo" class="texto">BIENVENIDOS</p>
    
</body>
</html>

 

VIDEO Estilos CSS para una párrafo <p> con atributos ID y CLASS

Visitas: 76 | Publicado:2018-12-29 13:22:46

Publicaciones que te pueden interesar

Facebook Twitter Youtube Pinterest Wordpress Google Plus

:: Calle Paucarpata 130 Of. 212 2do Piso CC. AQPcompucentro ::
:: © Todos los derechos reservados APPTIVA WEB | Arequipa Perú 2010-2018 ::