knorrigt.com

Home > Internet > Cómo crear un borde con esquinas curvadas utilizando HTML

Cómo crear un borde con esquinas curvadas utilizando HTML

Advertisement

Usted puede poner fronteras redondas en su página web utilizando tablas HTML simples e imágenes. Esto le permite crear una frontera con bordes redondeados en torno a cualquier tabla de tamaño, en cualquier lugar en su sitio. Todo lo que necesita es un programa de gráficos simples como el Paint, Publisher o de diseño de Adobe, y se puede hacer que su sitio web un aspecto más profesional en ningún momento.

Cosas que necesitará

programa de gráficos

Sitio web

Instrucciones

Abra su programa de gráficos (en este caso vamos a utilizar Paint). Seleccione el rectángulo con esquinas redondeadas icono y luego seleccione el color de su mesa o área de contenido. Dibujar un rectángulo con bordes redondos. A continuación, llenarlo con el mismo color. Recortar las esquinas utilizando la herramienta "Seleccionar". Guarde cada uno con un nombre diferente: r-BRD-top.jpg, l-BRD-top.jpg, r-BRD-bot.jpg, y L-BRD-bot.jpg.



Crear una tabla que contendrá su contenido, con cellpadding y espaciado de celda configurado en "0" y el color de tierra trasero establece lo mismo que las imágenes. Coloca el borde derecho de imagen superior (corte del rectángulo) en la primera columna. Establecer el tamaño, incluso para esquinas: <table cellspacing = "0" cellpadding = "0" bgcolor = "color-de-su-redondas fronteras"> <tr> <td width = 15 height = 15> <img src = " l-BRD-top.jpg ">. A continuación, añadir otra etiqueta <td> y establecer el ancho de la zona interior de la tabla de esta etiqueta: <td width = 150>. Su contenido va a ir en esta columna en la fila siguiente.

Agregar el borde lateral derecho en la columna siguiente: <td width = 15 height = 15> <img src = "r-BRD-top.jpg"> y ajuste el ancho y la altura de la columna para controlar la forma de las fronteras. Asegúrese de que su imagen es lo suficientemente grande como para llenar esta forma. El navegador se cortó la parte inferior derecha de la imagen si es demasiado grande.

Añadir la siguiente fila y luego crear un <td> columna vacía con una anchura de 15 píxeles: <td width = 15>. Añadir otra columna usando la etiqueta <td> <td> Su contenido va aquí .... </ td>. Luego del anuncio de otra columna (imagen de la derecha del bajo), con a <width = 15 height = 15 td> etiqueta. Poner fin a esta fila y luego terminar su mesa mediante el uso de las imágenes de las esquinas inferiores de la misma manera.

Añadir las esquinas inferiores de la tabla en las etiquetas <td> Al igual que hizo por la parte superior. Hacer la última fila, e inserte la esquina inferior izquierda de la primera columna: <td width = 15 height = 15> <img src = "l-BRD-bot.jpg">. A continuación, añadir otra columna con el ancho se establece en la segunda columna hasta la parte superior. <Td width = 150>.

Añadir la última curva de la tabla en la columna siguiente: <td width = 15 height = 15> <img src = "bot.jpg r-BRD =">.

Cómo crear una lista con viñetas de Keynote de Apple '09
Cómo crear una lista con viñetas de Keynote de Apple '09. Una de las claves para una presentación atractiva es gráficos y efectos llamativos. Keynote de Apple tiene ambos incorporados en estas y listo para ir a ayudarle a hacer una presentación de di
Cómo crear un folleto con los fuegos artificiales
Puede utilizar Adobe Fireworks para crear folletos para los próximos conciertos, espectáculos de danza, beneficios, ventas de garaje y mucho más. A pesar de que los editores de escritorio como Microsoft Publisher están más orientados hacia la publica
Cómo crear un PDF con campos editables
Portable Document Format (PDF) los documentos son el tipo de archivo que lleva para el almacenamiento de documentos accesibles en Internet. Muchas organizaciones y oficinas gubernamentales utilizan el formato PDF para publicar formularios y material
Cómo crear un calendario con HTML
Es posible crear un calendario con algunos conocimientos de HTML. Es posible que necesite un calendario para su sitio web o blog, y en lugar de incrustar un calendario gráfico en la página, es posible que desee crear su propio uso de HTML. Puede pare
Las claves externas son una necesidad para garantizar la seguridad de datos y capacidad de gestión para los administradores. Cuando las tablas están asociadas utilizando una clave principal y una clave externa, los datos de clave externa que se basa
Cómo crear un logotipo con el software
Convertir sus ideas para su logotipo en una sola representación gráfica utilizando programas de software como Adobe Illustrator o Adobe Photoshop. Los diseñadores utilizan herramientas de vectores para crear logos, porque una vez que se finalice el l
El uso de volantes es una forma efectiva de hacer publicidad. Sin embargo, haciendo montones de copias de su volante para regalar a las personas puede ser caro y simplemente por publicar volantes en los tablones de anuncios no es tan eficiente como d
Cómo crear proyectos Java con Xcode
Mac OS X y los desarrolladores de iOS están íntimamente familiarizados con el entorno de desarrollo Xcode de Apple. Xcode es una herramienta con todas las características que ayuda a los desarrolladores de software producen aplicaciones ricas para Ma
Cómo crear el realismo con texturas en 4D Cine
Cómo crear el realismo mediante la adición de texturas fotográficas en el cine 4D; aprender más acerca de la animación 3D, modelado y renderizado de software en este vídeo de instrucción gratuita. RESUMEN DE LA sERIE Cine 4D es una multi-plataforma,
Cómo crear un borde transparente en Photoshop
la toma de frontera en Adobe Photoshop es un efecto bastante básico que se puede aplicar a cualquier foto. Hacer la frontera transparente es igual de fácil. Una frontera totalmente transparente no tiene sentido, ya que no se ve, pero la opacidad bord
Cómo crear un borde intermitente en DIV
Creación de un borde intermitente en un elemento <DIV> es una buena manera de llamar la atención de los visitantes de su sitio web. Con el fin de lograr esto, usted necesita utilizar "setInterval ()" función de JavaScript para crear un buc
Cómo crear un PDF con fórmulas
archivos (PDF) Formato de Documento Portátil son una versión de un documento de origen que pueden ser vistos por los usuarios con un programa de lectura de PDF. Una amplia variedad de programas están fabricados para crear archivos PDF a partir de mat
Cómo crear un folleto con Illustrator
Adobe Illustrator es uno de los mejores programas disponibles al hacer volantes para un evento. Su arte basado en vectores es fácilmente escalable a cualquier tamaño de volante, y el arte gráfico en Illustrator posible es de calidad profesional. El p
Cómo crear una tabla con Oracle Data Base
Oracle tiene muchas plataformas de bases de datos diferentes que van desde el nivel de la empresa todo el camino hacia abajo para, versiones personales libres. La estructura básica de las bases de datos se pueden crear con estas herramientas no cambi
Cómo crear una revista con la Palabra
Crear una cuenta en un ordenador utilizando Microsoft Word mediante la inserción de los encabezados y pies de página con el título de la revista y el número de página y la creación de dos columnas separadas para el texto. Crear números de página que
Cómo crear un DVD con imágenes y música
Nunca ha sido más fácil para crear un DVD con las imágenes y la música de lo que es hoy en día. La gama de herramientas de autoría de DVD disponibles en el mercado en varios rangos de precios ofrecen herramientas para crear álbumes de fotos en un DVD
Para crear una tabla con una instrucción SELECT, utilice la tabla crear forma de la sentencia CREATE TABLE. Esta declaración le permite utilizar una consulta para crear una tabla relacional. Cada campo de la consulta resultado se utiliza para determi
Cómo crear una encuesta con los botones de radio en Microsoft Word
Creación de una encuesta con los botones de opción en Microsoft Word será necesario que para hacer un buen uso de la función "insertar". Crear una encuesta con los botones de opción en Microsoft Word con la ayuda de un profesional certificado, l
Crear una lista con viñetas en su página web le ayudará a agregar espacio en blanco, organizar su información más fácilmente y mejorar su SEO (Search Engine Optimization) ranking, si utiliza buenas palabras clave en la lista. Cosas que necesitará con