Einführung in die Art und Weise, wie CSS ausgewählten Text verschönert

Die Rolle von CSS besteht darin, den Inhalt oder die strukturelle Hierarchie von Webseiten zu verschönern. Wir alle wissen das, nicht wahr? Durch die kontinuierliche Innovation und Weiterentwicklung der CSS-Technologie haben wir mehr Möglichkeiten zur Steuerung von Stilen gewonnen. Eine nicht so bekannte Technik besteht darin, den Stil ausgewählter Texte im Browser zu verschönern. Windows selbst liefert eine hässliche dunkelgrüne Farbe, während Apple-Computer eine hellgrüne Farbe liefern. Mit Firefox, IE9, Opera und Google Chrome können wir die Farbe des ausgewählten Textes anpassen. Lassen Sie mich Ihnen zeigen:

CSS-Code

/* webkit, opera, IE9 */
::selection { background:lightblue; }   
/* mozilla firefox */
::-moz-selection { background:lightblue; }

-moz-property-Präfix ist für Firefox und der grundlegende ::selection-Selektor ist für Google Zur Verwendung im Browser. Wie andere CSS-Selektoren können Sie sie verschachteln, um an unterschiedlichen Stellen unterschiedliche Farben anzuzeigen:

/* webkit, opera, IE9 */
p.highlightBlue::selection { background:lightblue; }   
/* mozilla firefox */
p.highlightBlue::-moz-selection { background:lightblue; }   

/* webkit, opera, IE9 */
p.highlightPink::selection { background:pink; }   
/* mozilla firefox */
p.highlightPink::-moz-selection { background:pink; }

Das Verschönern des ausgewählten Textes mit CSS ist nur eine sehr einfache Technik, aber diese können die Seiten Ihrer Website attraktiver machen wunderschön und bunt!

Das Obige ist der gesamte Inhalt dieses Artikels. Ich hoffe, dass er zum Lernen aller beiträgt. Ich hoffe auch, dass jeder die PHP-Chinesisch-Website unterstützt.

Das obige ist der detaillierte Inhalt vonEinführung in die Art und Weise, wie CSS ausgewählten Text verschönert. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!