www.state-it.info

Gran base de respuestas a las preguntas de los desarrolladores
Header decor

Diagramación. Cómo implementar border dentro de la unidad, y no en su frontera? Ejemplo en la descripción de la

NeOn4eG 2010-09-02 23:36:23

Quiero deshacerme de fondo de la imagen, la pendiente de la haré a través de un box-shadow de css, pero cómo hacer que la línea de puntos?
image

Es necesario hacer una etiqueta para que luego es comer jqueryui.com/demos/button/
Tiene alguna idea?

Serator 2010-09-02 23:55:02

outline:1px dashed red;
outline-offset:-4px;


Total answers: 4

CaptainQuazar 2010-09-02 23:48:00


<div></div>



body{background:#000}
div{
width:100px;
height:30px;
background:#F00;
border:#FF0 dashed 1px;
border-radius:5px;
Box-shadow:0px 1px 0px #f00,0px -1px 0px #f00,1px 0px 0px #f00,-1px 0px 0px #f00;
}


Tan resultar debido efecto, tenga en cuenta que la sombra debe mirar en todas las 4 partes que no iba a estropear la figura.

NeOn4eG 2010-09-02 23:54:51

wow, parece que es lo que hay...
Gracias!


NeOn4eG 2010-09-03 00:38:00

Un poco de допилил...

 min-width: 100 pixels; 
 background: #aa0808; 
 border: #fff 1px dashed; 
 border-radius: 5px; 
 box-shadow: inset #e20b0b -1px 26px 26px -13px, 0px 1px 0px #aa0808, 0px -1px 0px #e20b0b, 1px 0px 0px #aa0808, -1px 0px 0px #aa0808; 
 text-align: center; 
 color: #fff; 
 text-shadow: #393939 1px 1px 0px; 
 padding: 4px 10px 5px 12px;

Salió esto :)


Serator 2010-09-02 23:55:01

outline:1px dashed red;
outline-offset:-4px;

homm 2010-09-03 00:06:35

Дополню CaptainQuazar. 4 sombras no son necesarios, basta con uno.


<div></div>
<style>
body{background:#000}
div{
width:100px;
height:30px;
background:#F00;
border:#FF0 dashed 1px;
border-radius:5px;
Box-shadow:0px 0px 0px 2px #f00;
}
</style>

CaptainQuazar 2010-09-03 00:11:25

Muchas gracias, había olvidado sobre el cuarto indicador.


zibada 2010-09-02 23:43:39

outline: 1px solid #color;

zibada 2010-09-02 23:44:07

uy.
dashed, y no solid.


NeOn4eG 2010-09-02 23:48:44

como no lo dibuja la frontera sin sangría desde el borde del bloque. es diferente de la border sólo el hecho de que ocupa un lugar dentro de la propia unidad, y no gana desde el exterior...


NeOn4eG 2010-09-02 23:49:13

aunque... bueno, apps, este de 1 píxel de sangría


zibada 2010-09-02 23:51:02

y, entonces probablemente no es tan di cuenta de que la sangría es necesario.
el sentido de la outline aquí es que en el fondo de este marco se gradiente rojo, y no de color negro (como en el exterior).


Preguntas relacionadas:

Footer decor

© www.state-it.info | Base of answers to questions for developers and programmers.