Heim >Web-Frontend >CSS-Tutorial >So stellen Sie die Rahmenfarbe eines CSS-Bilds auf eine Verlaufsfarbe ein
In CSS können Sie das Attribut „border-image“ und die Funktion „linear-gradient()“ verwenden, um die Farbe des Bildrandes auf eine Verlaufsfarbe festzulegen. Die Syntax „border: border size solid; border-image: linear-gradient(“ ...) 1;}".
Die Betriebsumgebung dieses Tutorials: Windows7-System, CSS3- und HTML5-Version, Dell G3-Computer.
In CSS können Sie das Attribut „border-image“ und die Funktion „linear-gradient()“ verwenden, um die Farbe des Bildrands auf eine Verlaufsfarbe festzulegen.
Das Attribut „border-image“ wird zum Festlegen des Bildrands
<!DOCTYPE html> <html> <head> <style type="text/css"> img{ border: 4px solid; border-image: linear-gradient(to right, #8f41e9, #578aef) 1; } </style> </head> <body> <img src="img/1.jpg" width="200" /> </body> </html>(Teilen von Lernvideos: CSS-Video-Tutorial
Das obige ist der detaillierte Inhalt vonSo stellen Sie die Rahmenfarbe eines CSS-Bilds auf eine Verlaufsfarbe ein. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!