CSS3 otros

En este tutorial, aprenderemos más CSS interesantes3funciones.

Usar CSS3Ampliar la interfaz de usuario

Vamos a discutir algunas CSS interesantes relacionadas con la interfaz de usuario en este capítulo3propiedad comoajustar,contorno-desplazamientoetc., puedes usarlo para mejorar tu página web.

Ajustar el tamaño del elemento

Puedes usar CSS3 La propiedad de ajuste permite ajustar el tamaño del elemento horizontalmente, verticalmente o en ambas direcciones. Sin embargo, este atributo se utiliza generalmente para<textarea>Eliminar el comportamiento predeterminado de ajuste de tamaño en los controles de formulario.

p, div, textarea　{
　　　　ancho:　300px;
　　　　mín-altura:　100px;
　　　　desbordamiento: automático;
　　　　borde:　1px sólido negro;
}
p　{
　　　ajustar: horizontal;　
}
div　{
　　　　ajustar: ambos;
}
textarea　{
　　　　ajustar: ninguno;
}

Establecer el desplazamiento del contorno

En la sección anterior, aprendiste cómo establecer diferentes propiedades de contorno, como anchura, color y estilo. Sin embargo, CSS3Se proporciona otra propiedad, outline-El desplazamiento se utiliza para establecer el espacio entre el contorno y el borde del elemento. Esta propiedad puede aceptar valores negativos, lo que significa que también puede colocar un contorno dentro del elemento.

p, div　{
　　　　margen:　50px;
　　　　altura:　100px;
　　　　fondo: #000;
　　　　contorno:　2px sólido rojo;
}
p　{
　　　　contorno-desplazamiento:　10px;
}
div　{
　　　　contorno-desplazamiento:　-15px;
}