Foros del Web » Creando para Internet » CSS »

Boton sencillo

Estas en el tema de Boton sencillo en el foro de CSS en Foros del Web. Hola a todos en el foro, quisiera hacer el boton de google o de gmail, no me salen los bordes, alguien tiene alguna sugerencia, mucho ...
  #1 (permalink)  
Antiguo 10/12/2012, 14:39
Avatar de fedefrankk  
Fecha de Ingreso: agosto-2007
Mensajes: 871
Antigüedad: 16 años, 8 meses
Puntos: 7
Pregunta Boton sencillo

Hola a todos en el foro, quisiera hacer el boton de google o de gmail, no me salen los bordes,
alguien tiene alguna sugerencia, mucho del tema no se....



Muchas gracias de antemano saludos a todos
fede
  #2 (permalink)  
Antiguo 10/12/2012, 15:16
Avatar de ArturoGallegos
Moderador
 
Fecha de Ingreso: febrero-2008
Ubicación: Morelia, México
Mensajes: 6.774
Antigüedad: 16 años, 1 mes
Puntos: 1146
Respuesta: Boton sencillo

?¿ muestra tu código para indicarte tus posibles errores y/o explicarte en que estas fallando

todo lo que hace google es aplicar las propiedades border y border-radius
  #3 (permalink)  
Antiguo 10/12/2012, 15:17
Avatar de schulz  
Fecha de Ingreso: diciembre-2010
Ubicación: Santiago
Mensajes: 22
Antigüedad: 13 años, 4 meses
Puntos: 0
Respuesta: Boton sencillo

Te puede servir este generador se bordes redondeados, te entrega el código ademas de explicarlo:

http://css3gen.com/border-radius

El botón sería un div o un li con las medidas que consideres necesarias y debes pegar el código que te entrega el generador en el css.
  #4 (permalink)  
Antiguo 10/12/2012, 15:44
Avatar de ArturoGallegos
Moderador
 
Fecha de Ingreso: febrero-2008
Ubicación: Morelia, México
Mensajes: 6.774
Antigüedad: 16 años, 1 mes
Puntos: 1146
Respuesta: Boton sencillo

@schulz, pregunta... porque tendría que ser un div?

porque no usar un botón como tal, por ejemplo un submit del formulario

Código CSS:
Ver original
  1. input[type="submit"]{height:30px;font:700 13px/30px arial,verdana,tahoma;color:#fff;background:#6079ed;border:1px #3079ed solid;border-radius:3px;}
Código HTML:
Ver original
  1. <input type="submit" value="Entrar" />
  #5 (permalink)  
Antiguo 10/12/2012, 17:32
Avatar de fedefrankk  
Fecha de Ingreso: agosto-2007
Mensajes: 871
Antigüedad: 16 años, 8 meses
Puntos: 7
Pregunta Respuesta: Boton sencillo

Buenas.!! muchas gracias por el codigo, tendria que hacer otro elemento mas, una etiqueta <b> por ejemplo para ponerle un contormo mas oscuro o mas claro.. esta bueno usar lindo detalles...

Se agradece.!!!

Saludos
fede

Etiquetas: sencillo, botones
Atención: Estás leyendo un tema que no tiene actividad desde hace más de 6 MESES, te recomendamos abrir un Nuevo tema en lugar de responder al actual.
Respuesta




La zona horaria es GMT -6. Ahora son las 14:30.