Il bordo CSS non viene visualizzato nel browser

Il mio bordo non viene visualizzato intorno alla mia immagine, non sono abbastanza sicuro di quale potrebbe essere il problema. Ho solo bisogno di un piccolo bordo nero intorno alla foto. Il mio sito web è http://www.welovetile.com. Non riesco a capire quale potrebbe essere il problema. Grazie.Il bordo CSS non viene visualizzato nel 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>

fonte

2012-12-12 Edward Granger

Ciao Edward. Se possibile, potresti accettare una delle risposte qui sotto che ti ha aiutato di più? Ciò aiuterà gli altri utenti a trovare la tua domanda. –

Ti manca:

border-style: solid;

fonte

2012-12-12 21:00:08

Borders hanno tre pezzi principali: una larghezza, uno stile e un colore; lo stile è richiesto per gli altri al lavoro.

Prova ad aggiungere lo stile:

border-style: solid;

Inoltre, è possibile specificare tutti questi nella stessa linea di css:

border: thin solid black;

Aggiornato

Come sottolineato da Wesley, lo stile di frontiera è l'unico richiesto.

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

Nessuna delle proprietà del bordo avrà alcun effetto a meno che la proprietàborder-style è impostato!

fonte

2012-12-12 21:00:27 Chris

In realtà, 'border-style' è l'unico necessario, i valori di default sono in genere' thin/1px' e '# 000' credo: http://jsfiddle.net/xzbb3/ –

In realtà, se si lascia fuori il colore del bordo , eredita il colore dell'elemento. In altre parole, se il colore del tuo testo è rosa, anche il tuo bordo sarà rosa. http://jsfiddle.net/xzbb3/1/ – cimmanon

Grazie! Ho molto da imparare. Questo è il mio primo sito web che sto facendo totalmente da solo. –

Si può mettere larghezza del bordo/stile/colore in una riga come questa:

Border: 1px solid black;

fonte

2012-12-12 21:00:47 Vucko

aggiunge una proprietà stile del bordo, così, ad esempio border-style: solid;.

fonte

2012-12-12 21:01:12

provare questo:

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

fonte

2012-12-12 21:04:48 systemboot

Il bordo CSS non viene visualizzato nel browser

risposta

Problemi correlati