Cómo escribir el estilo CSS del borde redondeado del cuadro de texto html

El estilo CSS del borde redondeado del cuadro de texto HTML se puede agregar cambiando el valor del atributo border-radius. La unidad del valor del radio del borde puede ser "px" o "". Diferentes unidades tienen diferentes efectos. El código específico es el siguiente:

lt; !doctype htmlgt;

lt; htmlgt; ; meta juego de caracteres ="UTF-8"gt;

lt;titlegt;Documentlt;/titlegt;

lt;/headgt;

lt;bodygt;

lt;textarea style="border-radius: 50px; ancho: 100px; alto: 100px;" gt;lt;/textarea;

lt;/bodygt;

lt;/htmlgt;

El efecto de ejecución es como se muestra en la figura:

Información ampliada:

CSS tiene las siguientes características:

1. Definición de estilo enriquecido:

CSS proporciona una apariencia de estilo de documento enriquecido, así como la capacidad de establecer propiedades de texto y fondo, permite la creación de un borde para cualquier elemento; así como la distancia entre el borde del elemento y otros elementos, y la distancia entre el borde del elemento y otros elementos. La distancia entre el contenido del elemento le permite cambiar libremente las mayúsculas, la decoración y otros efectos de la página.

2. Fácil de usar y modificar:

CSS puede definir el estilo en el atributo de estilo del elemento HTML, o en la parte del encabezado del documento HTML, o en el estilo. Declarado en un archivo CSS especial para referencia en páginas HTML. En resumen, las hojas de estilo CSS pueden almacenar y gestionar todas las declaraciones de estilo de forma unificada.

3. Aplicación multipágina:

La hoja de estilos CSS se puede almacenar en un archivo CSS separado, de modo que podamos usar la misma hoja de estilos CSS en varias páginas. En teoría, las hojas de estilo CSS no pertenecen a ningún archivo de página y se puede hacer referencia a ellas en cualquier archivo de página. De esta forma, se pueden unificar los estilos de varias páginas.

Material de referencia Enciclopedia Baidu - css