Cómo usar CSS para controlar el borde de un triángulo

Para usar CSS para controlar el borde en un triángulo, puedes consultar el siguiente código:

.a {width:0;height:0;border-left:50px solid transparent;border-right:50px solid transparent;border-bottom:100px solid red;}

Información ampliada:

aplicación css de borde

Si usas esta atributo compuesto para definir su parámetro único. Luego, los valores predeterminados de otros parámetros anularán incondicionalmente sus configuraciones de atributo único correspondientes.

El valor predeterminado es: medio ninguno. El valor predeterminado de color de borde tomará el color del texto.

Consejos y notas

Nota: El atributo "borde" de las imágenes está obsoleto en HTML 4.01. Este atributo ya no es compatible con XHTML 1.0 Strict DTD y HTML 5.

Consejo: utilice la propiedad de borde CSS para cambiar el estilo del borde del elemento. Puede utilizar la propiedad de borde CSS en una hoja de estilo externa para establecer bordes consistentes para todas las imágenes de su sitio. Este método es sin duda más eficiente que configurar el atributo de borde solo para una imagen.

Enciclopedia Baidu-frontera (palabra en inglés)