¿Cómo usar CSS para crear una ventana del navegador?
Aprende a usar CSS para crear una instancia de ventana del navegador.
Horario de cursos Caja de herramientas
Menú
- Barra de iconos
- Icono de menú
- Acordeón
- Tarjetas de opción
- Tarjetas de opción verticales
- Título de la tarjeta de opción
- Tarjetas de opción a página completa
- Tarjetas de opción al pasar el ratón
- Navegación superior
- Navegación superior responsiva
- Navegación dividida
- Barra de navegación con íconos
- Menú de búsqueda
- Barra de búsqueda
- Barras laterales fijas
- Navegación lateral
- Barras laterales responsivas
- Navegación a pantalla completa
- Menú fuera del lienzo
- Botones de navegación lateral al pasar el ratón
- Barras laterales con íconos
- Menú de desplazamiento horizontal
- Menú vertical
- Navegación inferior
- Navegación inferior adaptable
- Enlaces de navegación inferior con borde
- Enlaces de menú alineados a la derecha
- Enlaces de menú centrados
- Enlaces de menú de ancho uniforme
- Menú fijo
- Barra lateral que se desliza al desplazarse
- Barra de navegación que se oculta al desplazarse
- Barra de navegación que se encoge al desplazarse
- Barra de navegación pegajosa
- Barra de navegación en la imagen
- Menú desplegable al pasar el ratón
- Menú desplegable al hacer clic
- Menú desplegable en cascada
- Menú desplegable en la barra de navegación superior
- Menú desplegable en la barra lateral
- Barra de navegación adaptable con menú desplegable
- Menú de navegación secundaria
- Menú desplegable
- Menú super
- Menú móvil
- Menú de cortina
- Barra lateral plegable
- Panel lateral plegable
- Paginación
- Navegación de pan de migas
- Grupo de botones
- Grupo de botones verticales
- Barra social pegajosa
- Navegación en forma de píldora
- Encabezado adaptable
Imagen
- Diapositiva
- Galería de diapositivas
- Imagen modal
- Luz de caja
- Cuadrícula de imágenes adaptable
- Cuadrícula de imágenes
- Biblioteca de imágenes
- Biblioteca de imágenes desplazable
- Biblioteca de imágenes en pestañas
- Desvanecer sobre imagen
- Deslizar sobre imagen
- Zoom sobre imagen
- Título sobre imagen
- Icono sobre imagen
- Efecto de imagen
- Imagen en blanco y negro
- Texto de imagen
- Bloque de texto sobre imagen
- Texto sobre imagen transparente
- Imagen a pantalla completa
- Formulario en la imagen
- Diapositiva destacada
- Imagen de fondo borrosa
- Cambio de fondo al desplazarse
- Imágenes alineadas
- Imagen redondeada
- Imagen de perfil
- Imagen adaptable
- Imagen centrada
- Miniatura
- Borde de imagen
- Introducción del equipo
- Imágenes pegajosas
- Imágenes volteadas
- Imagen sacudida
- Galería de colección
- Colección filtrable
- Zoom de imagen
- Lupa de imagen
- Control deslizante de comparación de imágenes
- Icono del sitio
Botón
- Botón de advertencia
- Botón de contorno
- Botón de división
- Botón animado
- Botón de degradado
- Botón en la imagen
- Botón de redes sociales
- Leer más/Leer menos
- Botón de carga
- Botón de descarga
- Botón en forma de píldora
- Botón de notificación
- Botón con icono
- Botón de página siguiente/anterior
- Botón más en la navegación
- Botón en bloque
- Botón de texto
- Botón redondeado
- Botón de regreso a la parte superior
Formulario
- Formulario de inicio de sesión
- Formulario de registro
- Tablero de pago
- Formulario de contacto
- Tablero de inicio de sesión social
- Formulario de registro
- Formulario con icono
- Suscripción a noticias
- Formulario apilado
- Formulario adaptable
- Formulario emergente
- Formulario en línea
- Limpiar la caja de entrada
- Ocultar flechas numéricas
- Copiar texto al portapapeles
- Búsqueda animada
- Botón de búsqueda
- Búsqueda a pantalla completa
- Caja de entrada en la barra de navegación
- Formulario de inicio de sesión en la barra de navegación
- Casilla de verificación personalizada / botón de opción
- Cuadro de selección personalizado
- Cambiar el interruptor
- Marcar la casilla de verificación
- Detectar el bloqueo de mayúsculas
- Activar el botón con la tecla Enter
- Verificación de contraseña
- Cambiar la visibilidad de la contraseña
- Formulario de pasos múltiples
- Finalización automática
- Cerrar la finalización automática
- Cerrar la verificación ortográfica
- Botón de carga de archivos
- Validación de entrada vacía
Filtros
- Lista de filtrado
- Tablero de filtrado
- Elemento de filtrado
- Desplegable de filtrado
- Lista ordenada
- Tablero ordenado
Tablero
- Tablero de rayas de zebra
- Tabla centrada
- Tabla centrada
- Tabla de ancho completo
- Tabla anidada
- Tabla responsiva
- Tabla comparativa
Más
- Video completo
- Cuadro de diálogo
- Cuadro de diálogo de eliminación
- Línea de tiempo
- Indicador de desplazamiento
- Barra de progreso
- Barra de habilidades
- Control deslizante de rango
- Selector de color
- Campo de correo electrónico
- ToolTip
- Mostrar elementos al pasar el ratón
- Ventana emergente
- Contenido plegable
- Calendario
- HTML incluye
- Lista de tareas pendientes
- Cargador
- Insignia
- Calificación de estrellas
- Calificación del usuario
- Efecto de superposición
- Chip de contacto
- Tarjeta
- Tarjeta giratoria
- Tarjeta de perfil
- Tarjeta de producto
- Advertencia
- Cuadro de información
- Nota
- Etiqueta
- Cinta
- Nube de etiquetas
- Círculo
- Línea horizontal estilizada
- Cupón
- Grupo de lista
- Grupo de lista con insignia
- Lista sin marcadores
- Texto responsivo
- Texto de sombra
- Texto brillante
- Pie de página fijo
- Elemento pegajoso
- Altura igual
- Limpiar flotación
- Flotante responsivo
- Barras de notificación
- Ventana completa
- Dibujo de desplazamiento
- Desplazamiento suave
- Fondo de desplazamiento de gradiente
- Cabecera pegajosa
- Encoger la cabecera al desplazarse
- Tabla de precios
- Desplazamiento paralelo
- Relación de aspecto
- Marco inline responsivo
- Cambiar gustar / no gustar
- Cambiar ocultar / mostrar
- Cambiar modo oscuro
- Cambiar texto
- Cambiar clase
- Agregar clase
- Eliminar clase
- Cambiar clase
- Clase activa
- Vista en forma de árbol
- Eliminar decimales
- Eliminar atributo
- Detección de desconexión
- Buscar elementos ocultos
- Redirección de página web
- Formateo de números
- Escala al pasar el ratón
- Caja girada
- Centrado vertical
- Botón centrado en DIV
- Lista centrada
- Transición al pasar el ratón
- Flecha
- Forma
- Enlace de descarga
- 全高元素
- 浏览器窗口
- 自定义滚动条
- Ocultar la barra de desplazamiento
- Mostrar / forzar la muestra de la barra de desplazamiento
- Apariencia del dispositivo
- Borde del contenido editable
- Color del marcador de posición
- Deshabilitar el ajuste de tamaño del área de texto
- Deshabilitar la selección de texto
- Color de selección de texto
- Color de marcadores
- Línea vertical
- Línea de división
- Línea de división de texto
- Icono de animación
- Temporizador de cuenta regresiva
- Efecto de máquina de escribir
- Página en espera de lanzamiento
- Mensajes de chat
- Ventana de chat emergente
- Dividir la pantalla
- Comentarios de clientes
- Contador de bloques
- Diapositivas de citas
- Elementos de lista cerrables
- Puntos de quiebre típicos de dispositivos
- Elementos HTML arrastrables
- Media query JS
- Highlighter de sintaxis
- Animación JS
- Longitud de la cadena JS
- Operación exponencial JS
- Parámetro predeterminado JS
- Número aleatorio JS
- Ordenamiento de arrays numéricos JS
- Operador de despliegue JS
- JS desplazarse a la vista
- Obtener la fecha actual
- Obtener la dirección actual del sitio web
- Obtener el tamaño de la pantalla actual
- Obtener el elemento iframe
Cuadrícula
- Diseño de dos columnas
- Diseño de tres columnas
- Diseño de cuatro columnas
- Cuadrícula extendida
- Vista de cuadrícula de lista
- Diseño de columnas mixtas
- Tarjetas en columna
- Diseño en zigzag
- Diseño de blog
Convertidor
Caja de herramientas
Menú
- Barra de iconos
- Icono de menú
- Acordeón
- Tarjetas de opción
- Tarjetas de opción verticales
- Título de la tarjeta de opción
- Tarjetas de opción a página completa
- Tarjetas de opción al pasar el ratón
- Navegación superior
- Navegación superior responsiva
- Navegación dividida
- Barra de navegación con íconos
- Menú de búsqueda
- Barra de búsqueda
- Barras laterales fijas
- Navegación lateral
- Barras laterales responsivas
- Navegación a pantalla completa
- Menú fuera del lienzo
- Botones de navegación lateral al pasar el ratón
- Barras laterales con íconos
- Menú de desplazamiento horizontal
- Menú vertical
- Navegación inferior
- Navegación inferior adaptable
- Enlaces de navegación inferior con borde
- Enlaces de menú alineados a la derecha
- Enlaces de menú centrados
- Enlaces de menú de ancho uniforme
- Menú fijo
- Barra lateral que se desliza al desplazarse
- Barra de navegación que se oculta al desplazarse
- Barra de navegación que se encoge al desplazarse
- Barra de navegación pegajosa
- Barra de navegación en la imagen
- Menú desplegable al pasar el ratón
- Menú desplegable al hacer clic
- Menú desplegable en cascada
- Menú desplegable en la barra de navegación superior
- Menú desplegable en la barra lateral
- Barra de navegación adaptable con menú desplegable
- Menú de navegación secundaria
- Menú desplegable
- Menú super
- Menú móvil
- Menú de cortina
- Barra lateral plegable
- Panel lateral plegable
- Paginación
- Navegación de pan de migas
- Grupo de botones
- Grupo de botones verticales
- Barra social pegajosa
- Navegación en forma de píldora
- Encabezado adaptable
Imagen
- Diapositiva
- Galería de diapositivas
- Imagen modal
- Luz de caja
- Cuadrícula de imágenes adaptable
- Cuadrícula de imágenes
- Biblioteca de imágenes
- Biblioteca de imágenes desplazable
- Biblioteca de imágenes en pestañas
- Desvanecer sobre imagen
- Deslizar sobre imagen
- Zoom sobre imagen
- Título sobre imagen
- Icono sobre imagen
- Efecto de imagen
- Imagen en blanco y negro
- Texto de imagen
- Bloque de texto sobre imagen
- Texto sobre imagen transparente
- Imagen a pantalla completa
- Formulario en la imagen
- Diapositiva destacada
- Imagen de fondo borrosa
- Cambio de fondo al desplazarse
- Imágenes alineadas
- Imagen redondeada
- Imagen de perfil
- Imagen adaptable
- Imagen centrada
- Miniatura
- Borde de imagen
- Introducción del equipo
- Imágenes pegajosas
- Imágenes volteadas
- Imagen sacudida
- Galería de colección
- Colección filtrable
- Zoom de imagen
- Lupa de imagen
- Control deslizante de comparación de imágenes
- Icono del sitio
Botón
- Botón de advertencia
- Botón de contorno
- Botón de división
- Botón animado
- Botón de degradado
- Botón en la imagen
- Botón de redes sociales
- Leer más/Leer menos
- Botón de carga
- Botón de descarga
- Botón en forma de píldora
- Botón de notificación
- Botón con icono
- Botón de página siguiente/anterior
- Botón más en la navegación
- Botón en bloque
- Botón de texto
- Botón redondeado
- Botón de regreso a la parte superior
Formulario
- Formulario de inicio de sesión
- Formulario de registro
- Tablero de pago
- Formulario de contacto
- Tablero de inicio de sesión social
- Formulario de registro
- Formulario con icono
- Suscripción a noticias
- Formulario apilado
- Formulario adaptable
- Formulario emergente
- Formulario en línea
- Limpiar la caja de entrada
- Ocultar flechas numéricas
- Copiar texto al portapapeles
- Búsqueda animada
- Botón de búsqueda
- Búsqueda a pantalla completa
- Caja de entrada en la barra de navegación
- Formulario de inicio de sesión en la barra de navegación
- Casilla de verificación personalizada / botón de opción
- Cuadro de selección personalizado
- Cambiar el interruptor
- Marcar la casilla de verificación
- Detectar el bloqueo de mayúsculas
- Activar el botón con la tecla Enter
- Verificación de contraseña
- Cambiar la visibilidad de la contraseña
- Formulario de pasos múltiples
- Finalización automática
- Cerrar la finalización automática
- Cerrar la verificación ortográfica
- Botón de carga de archivos
- Validación de entrada vacía
Filtros
- Lista de filtrado
- Tablero de filtrado
- Elemento de filtrado
- Desplegable de filtrado
- Lista ordenada
- Tablero ordenado
Tablero
- Tablero de rayas de zebra
- Tabla centrada
- Tabla centrada
- Tabla de ancho completo
- Tabla anidada
- Tabla responsiva
- Tabla comparativa
Más
- Video completo
- Cuadro de diálogo
- Cuadro de diálogo de eliminación
- Línea de tiempo
- Indicador de desplazamiento
- Barra de progreso
- Barra de habilidades
- Control deslizante de rango
- Selector de color
- Campo de correo electrónico
- ToolTip
- Mostrar elementos al pasar el ratón
- Ventana emergente
- Contenido plegable
- Calendario
- HTML incluye
- Lista de tareas pendientes
- Cargador
- Insignia
- Calificación de estrellas
- Calificación del usuario
- Efecto de superposición
- Chip de contacto
- Tarjeta
- Tarjeta giratoria
- Tarjeta de perfil
- Tarjeta de producto
- Advertencia
- Cuadro de información
- Nota
- Etiqueta
- Cinta
- Nube de etiquetas
- Círculo
- Línea horizontal estilizada
- Cupón
- Grupo de lista
- Grupo de lista con insignia
- Lista sin marcadores
- Texto responsivo
- Texto de sombra
- Texto brillante
- Pie de página fijo
- Elemento pegajoso
- Altura igual
- Limpiar flotación
- Flotante responsivo
- Barras de notificación
- Ventana completa
- Dibujo de desplazamiento
- Desplazamiento suave
- Fondo de desplazamiento de gradiente
- Cabecera pegajosa
- Encoger la cabecera al desplazarse
- Tabla de precios
- Desplazamiento paralelo
- Relación de aspecto
- Marco inline responsivo
- Cambiar gustar / no gustar
- Cambiar ocultar / mostrar
- Cambiar modo oscuro
- Cambiar texto
- Cambiar clase
- Agregar clase
- Eliminar clase
- Cambiar clase
- Clase activa
- Vista en forma de árbol
- Eliminar decimales
- Eliminar atributo
- Detección de desconexión
- Buscar elementos ocultos
- Redirección de página web
- Formateo de números
- Escala al pasar el ratón
- Caja girada
- Centrado vertical
- Botón centrado en DIV
- Lista centrada
- Transición al pasar el ratón
- Flecha
- Forma
- Enlace de descarga
- 全高元素
- 浏览器窗口
- 自定义滚动条
- Ocultar la barra de desplazamiento
- Mostrar / forzar la muestra de la barra de desplazamiento
- Apariencia del dispositivo
- Borde del contenido editable
- Color del marcador de posición
- Deshabilitar el ajuste de tamaño del área de texto
- Deshabilitar la selección de texto
- Color de selección de texto
- Color de marcadores
- Línea vertical
- Línea de división
- Línea de división de texto
- Icono de animación
- Temporizador de cuenta regresiva
- Efecto de máquina de escribir
- Página en espera de lanzamiento
- Mensajes de chat
- Ventana de chat emergente
- Dividir la pantalla
- Comentarios de clientes
- Contador de bloques
- Diapositivas de citas
- Elementos de lista cerrables
- Puntos de quiebre típicos de dispositivos
- Elementos HTML arrastrables
- Media query JS
- Highlighter de sintaxis
- Animación JS
- Longitud de la cadena JS
- Operación exponencial JS
- Parámetro predeterminado JS
- Número aleatorio JS
- Ordenamiento de arrays numéricos JS
- Operador de despliegue JS
- JS desplazarse a la vista
- Obtener la fecha actual
- Obtener la dirección actual del sitio web
- Obtener el tamaño de la pantalla actual
- Obtener el elemento iframe
Cuadrícula
- Diseño de dos columnas
- Diseño de tres columnas
- Diseño de cuatro columnas
- Cuadrícula extendida
- Vista de cuadrícula de lista
- Diseño de columnas mixtas
- Tarjetas en columna
- Diseño en zigzag
- Diseño de blog
Convertidor
Cursos optativos
Recomendaciones de cursos:
Recomendaciones de cursos:
CodeW3C.com 提供的内容仅用于培训和测试，不保证内容的正确性。通过使用本站内容随之而来的风险与本站无关。版权所有，保留一切权利。
