Para crear el efecto de letra capital, es decir que la primera letra de cada parrafo luzca con tamaño de texto mayor como en las revistas, Ejemplo:
Código CSS:
Creamos un selector de clase llamado .capital en la hoja de estilo
.capital:first-letter {
display:block;float:left;
font-family:"times new roman";
font-size:3em;color:#45860B;
margin: 7px 5px 0 0;padding:0 0 2px 0;
}
Código HTML:
Ahora agregamos el atributo (class="capital") a los parrafos que tendran el efecto de letra capital.
<body>
<p class="capital">
Parrafo que tendra letra capital
</p>
</body>
Maquetación con CSS, HTML flotar bloques, layout o cajas. Diseño web estandar, colores CSS, ancho, alto.
Ver más »Códigos CSS para imágenes, casos prácticos, ejemplos.
Ver más »Volumen de letras, fuentes, tipografía, interlineado, tamaño de texto, subrayado, efectos de texto:
Ver más »Aprenderemos a estructurar y diseñar todo tipo de menus con CSS mediante ejemplos y casos prácticos.