Saltar al contenido principal

¿Cómo hacer símbolos de elipse con el teclado?

En nuestro artículo anterior, explicamos los atajos de código alt para los símbolos circulares. Si desea insertar un símbolo de forma ovalada o elíptica, Unicode tiene un conjunto diferente de puntos de código para ellos. Puede usar la tecla Alt en Windows y la tecla de opción en Mac para escribir símbolos de elipse.

¿Cómo escribir símbolos de elipse?

Hay cuatro símbolos de elipse que puede escribir usando métodos abreviados de teclado. Están en formato horizontal y vertical en colores blanco y negro. A continuación se encuentran los atajos de código alt para los símbolos de elipse en Windows y Mac.

Nombre Código alternativo de Windows Código opcional de Mac Accesos directos de código alternativo para símbolos de elipse
Elipse horizontal negra Alt + 11052 Opción + 2B2C
Elipse horizontal Alt + 11053 Opción + 2B2D
Elipse vertical negra Alt + 11054 Opción + 2B2E
Elipse vertical blanca Alt + 11055 Opción + 2B2F[: ::]Símbolo

Código HTML y CSS Ejemplos

1. Type ellipse symbols in Windows computer

En las computadoras con Windows, puede presionar una de las teclas alt y escribir el código alt como se indica en la tabla anterior. Sin embargo, debe usar el teclado numérico para escribir números después de habilitar el bloqueo de números. Por ejemplo, escribir alt + 11052 creará un símbolo de elipse horizontal negra como ⬬.

2. How to type ellipse symbols in Mac?

Si tiene una MacBook o cualquier otra computadora Apple, aún puede usar códigos alt en formato hexadecimal. Primero, cambie el método de entrada a Unicode Hex Input. Después de eso, presione una de las teclas de opción y escriba el código hexadecimal como se indica en la tabla anterior. Por ejemplo, escribir la opción + 2B2F producirá un símbolo de elipse vertical blanco como ⬯.
Type Ellipse Symbols in Mac

3. How to type ellipse symbols in HTML?

En documentos HTML, puede usar código decimal como o código hexadecimal como para insertar estos símbolos.

4. Typing ellipse in CSS

En lugar de usar directamente símbolos de elipse en HTML, puede insertarlos en CSS. Puede usar el código hexadecimal en formato \2B2D en CSS.

Visualización de símbolos

A continuación se muestran los códigos de ejemplo para insertar símbolos de elipse en HTML y CSS.

<span>&#11052;</span> <span>&#11053;</span> <span>&#x2B2E;</span> <span>&#x2B2F;</span>
li:before { content:\2B2E; }

La elipse negra es un símbolo sólido, mientras que la elipse blanca es un símbolo de contorno. Debido a esto, cuando aplica color al símbolo de elipse negro, todo el símbolo cambiará a ese color. Sin embargo, solo cambiará el contorno del símbolo de elipse blanco. A continuación se muestran algunas de las variaciones con diferentes colores y fondos.

Como puede ver, incluso puede aplicar el relleno de color blanco en negro elipse. También es posible aplicar formato de negrita y cursiva a estos símbolos.