Pure CSS es un marco de CSS. Es una colección de herramientas gratuitas y de código abierto para crear sitios web y aplicaciones web adaptables. Pure CSS es desarrollado por Yahoo y se usa para crear sitios web más rápidos, hermosos y receptivos. Se puede utilizar como una alternativa a Bootstrap.
Pure CSS proporciona un nombre de clase de «entrada pura redondeada » que se usa para mostrar un control de formulario con esquinas redondeadas. Generalmente se utiliza para índices de búsqueda.
Sintaxis:
<input type="input-type" class="pure-input-rounded">
Ejemplo: En este ejemplo, tenemos una etiqueta de formulario con la clase pure-form como etiqueta principal. Dentro de la etiqueta del formulario principal, tenemos una etiqueta de entrada con la clase pure-input-rounded para cuadros de entrada redondeados. También podemos crear un botón de envío con esquinas redondeadas usando la misma sintaxis haciendo que el tipo de entrada sea enviar.
HTML
<!DOCTYPE html> <html lang="en"> <head> <meta charset="utf-8"> <meta name="viewport" content= "width=device-width, initial-scale=1"> <link rel="stylesheet" href= "https://unpkg.com/purecss@2.0.5/build/pure-min.css" integrity= "sha384-LTIDeidl25h2dPxrB2Ekgc9c7sEC3CWGM6HeFmuDNUjX76Ert4Z4IY714dhZHPLd" crossorigin="anonymous"> </head> <body> <center> <div> <h1 style="color:green;"> GeeksforGeeks </h1> <h2>Rounded Input</h2> <form class="pure-form"> <input type="text" class="pure-input-rounded"> <br /><br /> <input type="password" class="pure-input-rounded"> <br /><br /> <input type="submit" class="pure-input-rounded" style="background-color:green; color:white;" /> </form> </div> </center> </body> </html>
Producción:
Publicación traducida automáticamente
Artículo escrito por mishrapriyank17 y traducido por Barcelona Geeks. The original can be accessed here. Licence: CCBY-SA