CSS-Rahmen erscheint nicht im Browser

Mein Rahmen wird nicht um mein Bild herum angezeigt, ich bin mir nicht ganz sicher, was das Problem sein könnte. Ich brauche nur einen kleinen schwarzen Rand um das Foto. Meine Website ist http://www.welovetile.com. Ich kann nicht herausfinden, was das Problem sein könnte. Vielen Dank.CSS-Rahmen erscheint nicht im Browser

CSS:

#kitchen { 
     height:250px; 
     width:346px; 
     background-image:url(images/kitchenbg.jpg); 
    } 

     #kitchen img 
     { 
      top: 50%; 
      left: 50%; 
      width: 316px; 
      height: 228px; 
      margin-top:11px; 
      margin-left:15px; 
      border-color:#000000; 
      border-width:thin; 
     }

HTML:

<div id="kitchen"> 
       <img src="images/kitchen.jpg" alt="Kitchen Tile Job"/> 
      </div>

Quelle

2012-12-12 Edward Granger

Hallo Edward. Könnten Sie, wenn möglich, eine der folgenden Antworten akzeptieren, die Ihnen am meisten geholfen haben? Dies wird anderen Benutzern helfen, die Ihre Frage finden. –

Sie verpassen:

border-style: solid;

Quelle

2012-12-12 21:00:08

Borders haben drei Hauptteile: eine Breite, einen Stil und eine Farbe; Der Stil ist erforderlich, damit alle anderen funktionieren können.

Versuchen Hinzufügen der Stil:

border-style: solid;

Auch Sie alle diese in der gleichen Zeile von CSS angeben:

border: thin solid black;

Aktualisiert durch Wesley

Wie bereits ausgeführt, border-style ist der einzige, der benötigt wird.

Von http://www.w3schools.com/css/css_border.asp:

Keine der Grenze Eigenschaften wird keine Auswirkungen haben, wenn die border-style Eigenschaft festgelegt ist!

Quelle

2012-12-12 21:00:27 Chris

Eigentlich ist 'border-style' das einzige notwendige, defaults sind normalerweise' thin/1px' und '# 000' Ich glaube: http://jsfiddle.net/xzbb3/ –

Eigentlich, wenn man die Rahmenfarbe weglässt Es erbt die Farbe des Elements. Mit anderen Worten, wenn Ihre Textfarbe pink ist, wird Ihre Umrandung ebenfalls pink sein. http://jsfiddle.net/xzbb3/1/ – cimmanon

Danke! Ich muss viel lernen. Dies ist meine erste Website, die ich alleine mache. –

Sie können wie diese Randbreite/Art/Farbe in einer Zeile setzen:

Border: 1px solid black;

Quelle

2012-12-12 21:00:47 Vucko

hinzufügen Eigenschaft Grenze Stil als auch zum Beispiel border-style: solid;.

Quelle

2012-12-12 21:01:12

versuchen, dieses:

border: 1px solid #F4F1E8; 
box-shadow: 1px 1px 3px #4C4843;

Quelle

2012-12-12 21:04:48 systemboot

CSS-Rahmen erscheint nicht im Browser

Antwort

Verwandte Themen