:: Recursos Web ::

Redondear border con css

Redondear border con CSS


Hola! hoy les enseñare como poder redonder border y arreglar un cuadro de contenido, es necesario saber lo basico de html, para poder comprender esto, es muy sencillo y elegante. =D

- Primero crearemos un cuadro de texto. con un "div"
Ejemplo::

Ahi ya tenemos la base en HTML, pero ahora la vamos a adornar con "CSS" para darle forma, color y el efecto de esquinas redondeadas.
Entonces como vemos en el ejemplo pasado la identificacion del div fue "ejemplodiv", (Puede poner el nombre que quieras) Y lo llamaremos mediantes css asi:

Y esto se debiese ver asi:
Aqui ira el contenido de la caja

- Ahora agregaremos los siguientes CSS, que le dan la orden al nevegador de redondear los bordes:
Tendria que quedar asi:

Aqui ira el contenido de la caja

Atención: Este recurso NO es compatible con todos los navegadores, solo funcionare con Mozila firefox, Safari y Google Chorme.

Codigo CSS

Codigo HTML

Puedes utilizar tu creatuvidad y crear diversos cuadros de contenido!

- Cualquier consulta la puedes hacer en nuestro foro de soporte.
Saludos!


Ya lo han visto 26 visitantes (861 clics a subpáginas) Gracias por tu visita!


Lo más reciente:

  • Z Slide, es un simple modo de presentar tus imágenes o tus titulares, es muy fácil de implementar y te ahorra espacio y le dará interactividad a tu sitio.
  • Esta Galería de vídeo permite colocar de una forma muy ordena vídeos de Youtube.com en tu sitio web, es muy fácil de instalar y se adapta a la resolución de la pantalla.
  • Este recurso le da un toque muy divertido al bloqueo del click derecho. Este recurso despliega una imagen central que con un mensaje que cubre toda la pagina.
  • Desde el 2014 en España por normativa todos los sitios web's debes emitir un anuncio donde se les advierta o indique a sus usuario el uso de cookies, y eso hace este recurso, mediante una barra el parte inferior de la pagina permite informar al usuario.
  • Te dejamos un código muy solicitado y de muy fácil implementación, es un cronometro con la función de dar un tiempo parcial. Esta hecho con Javascript, HTML, CSS.
  • Ahora con JQuery puedes expandir y contraer un cuadro de contenido sin tener que usar códigos extensos. Este es un muy buen recursos para utilizar en tu sitio web, y asi manejar bien los espacios de tu sitio.
  • Dejamos a tu disposición estos iconos futboleros que te permitiran compartir tus redes sociales en modo futboll, implementarlos es muy facil y se adaptan muy bien a distintos diseños.

En Twitter!