Podemos especificar la propiedad sin borde usando las propiedades border: none, border-width: 0, border: 0 de CSS .
Enfoque 1:
- Daremos las propiedades border-color , border-style a ambos encabezados, para mostrar texto con borde y sin borde.
- Para el encabezado sin borde, usaremos border-width: 0 , lo que dará como resultado que no haya borde.
Ejemplo:
HTML
<!DOCTYPE html> <html> <head> <title>No Border CSS</title> </head> <body> <h1 style="border-color : red ; border-style : solid ; border-width : 0">GFG Best For Interview Preparation And Much more</h1> <h1 style="border-color : red ; border-style : solid ;">GFG Best For Interview Preparation And Much more</h1> </body> </html>
Producción :
Enfoque 2:
- Daremos las propiedades border-color , border-style a ambos encabezados, para mostrar texto con borde y sin borde.
- Para el encabezado sin borde, usaremos el borde: 0 , lo que dará como resultado que no haya borde.
Ejemplo:
HTML
<!DOCTYPE html> <html> <head> <title>No Border CSS</title> </head> <body> <h1 style="border-color : green ; border-style : solid ; border : 0">GFG Best For Interview Preparation And Much more</h1> <h1 style="border-color : green ; border-style : solid ;">GFG Best For Interview Preparation And Much more</h1> </body> </html>
Producción :
Enfoque 3:
- Daremos las propiedades border-color , border-style a ambos encabezados, para mostrar texto con borde y sin borde.
- Para el encabezado sin borde, usaremos border : none , lo que dará como resultado que no haya borde.
Ejemplo:
HTML
<!DOCTYPE html> <html> <head> <title>No Border CSS</title> </head> <body> <h1 style="border-color : green ; border-style : solid ; border : none">GFG Best For Interview Preparation And Much more</h1> <h1 style="border-color : green ; border-style : solid ;">GFG Best For Interview Preparation And Much more</h1> </body> </html>
Producción :
Publicación traducida automáticamente
Artículo escrito por agrajat112 y traducido por Barcelona Geeks. The original can be accessed here. Licence: CCBY-SA