Bordes: los bordes generalmente se usan para mostrar un contorno alrededor de un cuadro o celda de tabla o cualquier otro elemento HTML. En Bootstrap, hay diferentes clases disponibles para agregar o eliminar bordes. Las clases que se utilizan para agregar bordes se denominan clases aditivas y las que se utilizan para eliminar bordes se … Continue reading «Bordes en bootstrap con ejemplos»
En este artículo, sabremos cómo alinear al centro la imagen en la etiqueta div usando CSS y también entenderemos su implementación a través del ejemplo. Dada una imagen, debemos configurar la imagen que se alinea con el centro (vertical y horizontalmente) dentro de un div más grande. Se puede hacer usando la propiedad de posición … Continue reading «¿Cómo hacer que una imagen esté alineada al centro (vertical y horizontalmente) dentro de un div más grande usando CSS?»
La propiedad CSS border-bottom-color se usa para establecer el color del borde inferior de un elemento. Es obligatorio declarar la propiedad border-style o border-bottom-style antes de usar la propiedad border-bottom-color siempre que debe existir un borde antes de cambiar su color. El valor actual del elemento es el color predeterminado de esta propiedad. CSS border-bottom-property … Continue reading «CSS | Propiedad border-bottom-color»
Ayuda a cambiar el tamaño y recortar cualquier imagen dinámicamente para una posición predefinida en una página web. La imagen redimensionada y recortada se utiliza en las páginas web. Hay una manera en la que podemos mover la imagen recortada dentro del div. Anchura y altura regulares que aprietan la imagen para que encaje en … Continue reading «Mostrar una imagen redimensionada y recortada usando CSS»
With the advent of new frameworks in web technologies, it has become quite easy to design and implement feature-rich and responsive web pages. Here, we are going to design a responsive image gallery using HTML, CSS, jQuery and Bootstrap. Características o Funcionalidades a implementar: Imágenes receptivas Sistema de cuadrícula sensible Visor de imágenes Requisitos previos: … Continue reading «¿Cómo crear una galería de imágenes receptiva usando HTML, CSS, jQuery y Bootstrap?»
El alto y el ancho en CSS se usan para establecer el alto y el ancho de las cajas. Su valor se puede configurar usando longitud, porcentaje o automático. Ejemplo: html <!DOCTYPE html> <html> <head> <title>width and height</title> <style> .GFG{ height: 120px; width: 50%; border: 5px solid black; padding-left: 50px; padding-top: 50px; font-size:42px; font-weight:bold; color:green; … Continue reading «CSS | Alto y ancho»
El efecto de teclas danzantes es un tipo de efecto de animación de texto que se puede implementar usando CSS. En este efecto, a cada letra se le da la forma de una tecla del teclado y luego se aplican animaciones para moverla a lo largo del eje X o del eje Y. Este efecto … Continue reading «Efecto de teclas danzantes usando HTML y CSS»
Cuando creamos un menú de barra de navegación utilizando elementos de lista, se puede hacer clic en toda el área de la lista. Toda el área en la que se puede hacer clic hace que la interfaz de usuario de la barra de navegación sea más fácil de usar. En los teléfonos móviles o tabletas, … Continue reading «¿Cómo hacer que se pueda hacer clic en el área completa de un elemento de la lista en la barra de navegación usando CSS?»
Colocar el icono de Font Awesome en tu formulario es una idea innovadora que llamará la atención sobre tu sitio web. Es tan simple como poner el icono de Font Awesome en cualquier botón. La etiqueta <i> y la etiqueta <span> se usan ampliamente para agregar íconos en las páginas web. Para agregar cualquier ícono … Continue reading «¿Cómo colocar el icono de Font Awesome en el campo de entrada?»
El fondo de onda se puede generar fácilmente usando antes del selector. Usaremos una imagen de onda de formato de archivo .png que puede crear por su cuenta o puede descargar desde aquí . Código HTML: En esta sección, diseñaremos la estructura básica del código. html <!DOCTYPE html> <html lang=»en»> <head> <meta charset=»UTF-8″ /> … Continue reading «¿Cómo crear un fondo de onda usando CSS?»