-
Cómo quitar bordes en CSS
-
Cascading Style Sheets o CSS, son un método estandarizado de cambiar la apariencia de las páginas Web. Muchos cambios de formato se pueden hacer con simples atributos de las etiquetas HTML, pero con CSS es más fácil de hacer esto de una manera que funcionan en todos los navegadores y también para hacer las cosas en un punto que se aplican a todo el documento. Esto se demuestra mediante la eliminación de las fronteras de imágenes que contienen enlaces; una imagen con un enlace, que tendrá por defecto un borde azul alrededor de ella. CSS puede quitar esto para una imagen, o para todas las imágenes en un documento.Instrucciones
Eliminar todos los bordes de la imagen
1 Crear una plantilla CSS. Este es un archivo de texto con una extensión de Css. Para ello, crear y guardar un archivo con el Bloc de notas u otro editor de texto, denominado por ejemplo, "style.css". Guardar esta en el mismo directorio que su página Web.
2 En el cuerpo de su archivo style.css, añada lo siguiente:
img {
border: none;
}
3 Abra su página HTML con el editor de texto. Más allá de la línea siguiente en la sección <HEAD>:
<Link rel = "stylesheet" href = "style.css" type = "text / css">
4 Guarde los archivos y abrir el documento. Todas las fronteras a todas las imágenes ahora se habrá ido.
Eliminar bordes de una imagen individual
5 Abra el archivo HTML con el editor de texto.
6 Encuentra la etiqueta img que deseen cambiar.
7 Añadir un estilo a la etiqueta img:
<Img style = "border-style: none" />
8 Guarde la página Web, y volver a cargar en el navegador. La imagen que uno ya no tendrá un borde.
