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:
neue Datei
<?php
echo "边框颜色渐变效果";
Vorschau
Clear
- Kursempfehlungen
- Kursunterlagen herunterladen
![HTML5 + CSS-Übungsprojekt [Offizielle Website von Hand Knock Onmyoji]](https://img.php.cn/upload/course/000/000/068/639c32efbb754401.png)
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
Lassen Sie uns kurz über die Gründung eines Unternehmens in PHP sprechen
Kurze Einführung in die Web-Frontend-Entwicklung
Umfangreiche, praktische Tianlongbabu-Entwicklung eines Mini-Version-MVC-Frameworks, das die Enzyklopädie-Website mit peinlichen Dingen imitiert
Erste Schritte mit der praktischen PHP-Entwicklung: Schnelle PHP-Erstellung [Small Business Forum]
Anmeldebestätigung und klassisches Message Board
Wissenssammlung über Computernetzwerke
Schnellstart-Node.JS-Vollversion
Der Frontend-Kurs, der Sie am besten versteht: HTML5/CSS3/ES6/NPM/Vue/...[Original]
Schreiben Sie Ihr eigenes PHP-MVC-Framework (40 Kapitel ausführlich/große Details/Muss gelesen werden, damit Neulinge vorankommen)