kostenloser Webspace werbefrei: lima-city

mehrere linien

lima-city → Forum → Die eigene Homepage → HTML, CSS & Javascript

1. Autor dieses Themas

   youtvti

   youtvti hat kostenlosen Webspace.

   9:45, 4.4.2014

   hi kann mir jemand helfen
   
   ich will drei Farbige Linien hinter einander horizontal ziehen, ohne Unterbrechung soll 400px border = 1px (Rot,Blau,Gelb)
   
   und ich weises nicht wie mit CSS geht?
   
   Danke

2. Diskutiere mit und stelle Fragen: Jetzt kostenlos anmelden!

   lima-city: Gratis werbefreier Webspace für deine eigene Homepage

3. mein-wunschname

   mein-wunschname hat kostenlosen Webspace.

   10:58, 4.4.2014

   Mit
   

   .multiborders {
   -webkit-box-shadow: 0 1px 0 0 red, 0 2px 0 0 blue, 0 3px 0 0 yellow;
   box-shadow: 0 1px 0 0 red, 0 2px 0 0 blue, 0 3px 0 0 yellow;
   }

   
   
   müsste es eigentlich klappen. box-shadow ist eine CSS3 - Eigenschaft, die von allen modernen Browsern unterstützt wird.
   Der Internet-Explorer kennt sie ab Version 9.
   
   Du siehst, dass die einzelnen Linien (eigentlich "Schatten") mit einem Komma voneinander getrennt sind. Mehrere box-shadow, also
   

   box-shadow:...;
   box-shadow:...;

   
   würde hingegen nicht funktionieren und immer nur die letzte Festlegung anzeigen.
   
   Die Zeile mit -webkit ist sinnvoll, weil teilweise auf (älteren) Smartphones Browser installiert sind, die diesen Zusatz benötigen.
   
   
   
   
   Beitrag zuletzt geändert: 4.4.2014 11:08:00 von mein-wunschname
4. Autor dieses Themas

   youtvti

   youtvti hat kostenlosen Webspace.

   12:55, 4.4.2014

   OK danke schön mein-wunschname

5. Diskutiere mit und stelle Fragen: Jetzt kostenlos anmelden!

   lima-city: Gratis werbefreier Webspace für deine eigene Homepage

Dir gefällt dieses Thema?