Logotipo tecnocodigo

Pagina Principal de Scripts
Volver

 



mini logotipo Diseño y Programación tecnocodigo

 

 

Publicidad 1
Boton Alta Articulo

Noticias del mes



Nueva Sección Visual Basic .NET

Diseño y Programación inaugura una nueva sección, un nuevo lenguaje de programación se suma a la larga lista de snippets. Visual Basic .NET. En el cuál se incluirán snippets de programación de PDA's (Pocket Pc's con Windows Mobile)..

 

boton negro

Mapa del Sitio. Sitemap

 Webstats4U - Web site estadísticas gratuito El contador para sitios web particulares

Logotipo tecnocodigo
Hay 5 visitantes activos

 

Buscador

HTML5/CSS3
Dhtml
JavaScript
VbScript
ASP
PHP
VB .NET
AJAX
Otros

ó
y


Cuadro Redondo

mini logotipo Diseño y Programación tecnocodigo

Zonas
DIV con bordes redondeados iguales

Un Script con bordes redondeados uniformes en las cuatro esquinas.

Para crear este Script tan sólo tendremos que crear un estilo. Recuerda entre las etiquetas <STYLE></STYLE> en nuestro fichero .css.

DIV
{
  // Esta línea/contorno para darle borde y color a la línea del div
  border: 1px solid #000000;
  padding: 10px;
  // Compatibilidad Mozilla Firefox
  -moz-border-radius: 20px 20px 20px 20px;
  // Compatibilidad Safari
  -webkit-border-radius: 20px 20px 20px 20px;
  // Compatibilidad Microsoft Internet Explorer
  -ms-border-radius: 20px 20px 20px 20px;
  // Compatibilidad Opera
  -o-border-radius: 20px 20px 20px 20px;
  // Estandar
  border-radius: 20px 20px 20px 20px;
}

Para poner un redondeo distinto en cada esquina sólo se debería modificar el número de cada esquina. Por orden: El primero arriba-izquierda, el segundo número se refiere a arriba-derecha, tercero es abajo-derecha y el cuarto abajo-izquierda.

Cuanto mayor el número, mayor el redondeo. El número se refiere al número de pixeles que entran dentro de la línea para realizar el ángulo.

Ejemplo:


 

Ejemplo de Mi cuadro DIV con bordes redondeados



Autor: AMC
Email o Web: webmaster@tecnocodigo.com
Fecha articulo: 2012-11-16

Top 5 HTMLFIVE

Boton Script Top 5 Como crear un efecto de foto polaroid con HTML5 y CSS3

5876 veces vista

Boton Script Top 5 Un Script con bordes redondeados uniformes en las cuatro esquinas.

5815 veces vista
veces vista
veces vista
veces vista
 



InteBANNER
Fecha: 19/09/2017