"TINKERMASTER " diseños para Photoshop

tinkermaster

estilos de Borde

Estilos de Borde


Hablaremos del atributo border, los bordes en realidad sirven para que algun elemento se vea mejor, es decir elegante, tambien sirve para dar lugar a ciertos espacios dentro de el o simplemente marcar limites a alguna cosa....

Existen varios tipos de bordes:


dotted

 


 



dashed


 



solid


 



double


 



groove


 



ridge


 



inset


 



outset


 



Hay diferentes formas de aplicar un borde, se puede aplicar en cajas, imagenes y lineas.
Asi que vamos a empezar usando cajas.



La siguiente caja va a tener un ancho, y un estilo de borde que acabamos de ver, podemos escojer el que querramos, asi que yo are mi caja utilizando el estilo de borde:
dashed

Para esta caja utilize el estilo de borde dashed

Para hacer esa caja vamos a utilizar el borde que mas nos agrade, pondremos un ancho a la caja y un padding para que el contenido este un poco separado del borde justo asi: Recuerden que esto es un codigo css y lo deven pegar en CSS-CODE


.caja1{
border: 2px dashed #ccc; /* Ancho y estilo de borde, podemos cambiar dashed por el estilo que querramos */
padding: 7px;  /* Separamos un poco el contenido del borde*/
width: 605px; /* Esto es el ancho de la caja */
}


Ya pegado el css de nuestra caja vamos a mostrarla con un div class justo asi: Recuerden que esto es un codigo HTML y lo deven pegar en donde quieran que se vea la caja


<div class="caja1">Aqui pon el contenido que quieras</div>

Hoy habia 1 visitantes (46 clics a subpáginas) ¡Aqui en esta página!

    • CUADRO TWEETS

      Para todos los usuarios de twitter que tienen una web es< esencial mantener informados a nuestros usuarios de las actualizaciones...

    • CUADRO DE NOTICIAS EN JQUERY

      crear un cuadro de noticias utilizando jquery para la animacion...

    • ESTILOS DE BORDES

      los bordes en realidad sirven para que algun elemento se vea mejor, es decir elegante...

    • RECURSOS

      encuentra exelentes paginas webs donde encontraras brushes, tipos de textos, etc...

  • SIGUEME EN YOUTUBE

    • DISEÑOS CSS

      descarga los mejores diseños Css para que puedas personalizar tu web...

    • PLANTILLAS XML

      Descarga exelentes plantillas para que personalizes tu blog...

    • JUEGOS PARA PC

      Descarga exelentes juegos para tu PC...

    • AFILIADOS VIP

      Afiliate a mi web de una manera facil y sencilla...

    • WALLPAPERS

      descarga wallpapers para que le den una mejor apariencia a tu PC...






    • Bienvenidos a Tinkermaster website en donde se comparten conocimientos, ideas e informaciones listas para que cualquiera pueda aprender de ellas - Diseñado Por Tinkermaster
      Estas viendo la imagen:


  • => ¿Desea una página web gratis? Pues, haz clic aquí! <=