Gemeinschaft Lernen Tools-Bibliothek Freizeit
suchen
Deutsch

Randfarbverlaufseffekt

Der Code lautet wie folgt:

<!doctype html>
<html>
   <head>
      <meta charset="UTF-8">
      <title>Border-color</title>
   </head>
   <body>
      <div style="border: 8px solid #000;
      -moz-border-bottom-colors: #555 #666 #777 #888 #999 #aaa #bbb #ccc;
      -moz-border-top-colors: #555 #666 #777 #888 #999 #aaa #bbb #ccc;
      -moz-border-left-colors: #555 #666 #777 #888 #999 #aaa #bbb #ccc;
      -moz-border-right-colors: #555 #666 #777 #888 #999 #aaa #bbb #ccc;
      padding: 5px 5px 5px 15px;">
         在Firefox浏览器里能看到边框颜色渐变效果
      </div>
   </body>
</html>

Rahmen:

8px solid stellt einen Solid dar Rand von 8 Pixeln Linie (durchgezogen) Die Farbe ist schwarz

-moz-border-bottom-colors: (Down)

Die Breite des Randes wird eingestellt auf X px, dann können Sie an diesem Rand X Farben verwenden, wobei jede Farbe eine Breite von 1 Pixel aufweist. Wenn Ihr Rahmen beispielsweise 10 Pixel breit ist, aber nur 5 oder 6 Farben deklariert, wird die letzte Farbe zur verbleibenden Breite hinzugefügt.

Effektanzeige:

微信图片_20180314154934.png

Weiter lernen
||
<?php echo "边框颜色渐变效果";
einreichenCode zurücksetzen
Vorherige Sektion nächsten Abschnitt
Tutorial-Liste
Hilfe bekommen
  • Kursempfehlungen
  • Kursunterlagen herunterladen
Die Kursunterlagen stehen derzeit nicht zum Download zur Verfügung. Die Mitarbeiter organisieren es derzeit. Bitte schenken Sie diesem Kurs in Zukunft mehr Aufmerksamkeit

Auch Studierende, die diesen Kurs gesehen haben, lernen

Das neueste Video-Tutorial zur Weltpremiere von ThinkPHP 5.1 (60 Tage zum Online-Schulungskurs zum PHP-Experten)  492963 spielt ab