image d'arrière-plan de frontière

Est-il une propriété css pour définir une bordure autour d'une image d'arrière-plan? J'ai cherché mais n'ai pas trouvé, existe-t-elle ou suis-je de gauche à avoir besoin de tracer la ligne manuellement autour de mes images d'arrière-plan?

question Similaire ici

OriginalL'auteur cerr | 2012-09-12

  1. 11

    Cela peut être fait par l'ajout d'image dans un div et que la frontière de la div

    <div style="border:1px solid red;float:left;">
   <div style="background:url("...");float:left;"></div>
<div>
    très vrai, hehe! 😉

    OriginalL'auteur NullPoiиteя

  2. 4

    Sans préciser les détails de mise en œuvre il est très difficile (sinon impossible) de trouver une solution qui fonctionne dans tous les cas. Voici un couple de solutions avec les contraintes prévues:

    Exemple 1 - Taille Fixe

    Si vous connaissez la hauteur et la largeur de l'image d'arrière-plan vous pouvez faire quelque chose comme ceci:

    HTML

    <div class="bg"> </div>

    CSS

    div.bg {
  background-image: url('http://www.google.com/images/logo_sm.gif');
  border: 5px solid #000;
  width: 50px;
  height: 50px;
}

    De travail exemple: http://jsfiddle.net/WUHmw/

    Exemple 2 - La Répétition De L'Image De Fond

    Si l'image de fond se répète, vous pouvez faire quelque chose comme ceci:

    HTML

    <div class="bg">
   <p>Here is some text to on top of the background image.</p>
</div>

    CSS

    div.bg {
  background: url('http://i.imgur.com/ikxbnvc.png') repeat;
  border: 5px solid #000;
  box-sizing: border-box;
  width: 100%;
  height: 200px;
}

    De travail exemple: http://jsfiddle.net/pLz52/

    nice, je vais regarder cela plus tard aujourd'hui. En attendant, j'ai juste mis un div autour de mon image avec la frontière, je voulais...
    Ma réponse a plus de sens et est beaucoup plus propre 🙂
    Ce n'est pas de définir une bordure autour de l'image (comme l'original de la question posée). Cela définit une bordure autour de la <div>. Ici est votre jsfiddle modifiée pour afficher les problèmes
    oui, comme il est, il vous demande de spécifier la hauteur et la largeur de l'image d'arrière-plan. Sans préciser les détails de mise en œuvre il est très difficile (sinon impossible) de fournir une solution de ce qui fonctionne dans tous les cas. Peu importe, j'ai mis à jour ma réponse avec une autre solution qui fonctionne si l'image de fond se répète.
    cela peut être une vieille question, mais tatiar noté ce que j'ai noté... accepté la réponse n'est pas de mise bordure autour de l'image de fond d'écran lui-même et, par conséquent, est trompeur pour d'autres lecteurs. il peut offrir une solution à l'OP, mais il ne devrait pas être considéré comme répondant correctement à la question elle-même.

    OriginalL'auteur Scott Bartell