So platzieren Sie Text mithilfe von CSS in einem Bild

Wie platziere ich Text in CSS über dem Bild? <divclass="image"><imgsrc="sample.png"/><divclass="text"><h2>Sometext</h2></

P粉696605833 2023-08-23 17:18:53 0  2  465

CSS-Tipps: Erstellen Sie horizontale Linien und zentrierten Text

Ich versuche, eine horizontale Trennlinie mit etwas Text zu erstellen. Zum Beispiel: ----------------------------------Hier ist mein Titel-------- - -------------------------Gibt es eine Möglichkeit, diesen Effekt in CSS zu erzielen? Natürlich ist es nicht notwendig, alle „-“-Gedankenstriche zu verw...

P粉248602298 2023-08-20 15:11:18 0  2  507

css3 – CSS-Übergangseffekte, die dazu führen, dass Text unscharf oder zittert?

Gehen wir direkt zum GIF: Code: Vorlage: {code...} CSS: {code...} Einige irrelevante Stile wurden entfernt. Die derzeit bekannte Situation ist der Übergangseffekt des kleinen Dreiecks auf der rechten Seite Dropdown-Feld in Chrome. Dies führt dazu, dass der Text unscharf wird und wackelt.

ringa_lee 2017-05-24 11:35:53 0  2  2442

Text kann mit CSS + HTML nicht zentriert werden

Ich versuche, Text mithilfe von CSS und HTML zu zentrieren. Ich bin sehr neu in der Webentwicklung und fange gerade erst an. Ich habe mir den Grundlagenkurs angesehen (die erste Seite erstellt) und arbeite jetzt an meinem eigenen Projekt (andere Seiten) *{padding:0;margin:0;box-sizing:border-box;}ht...

P粉662802882 2024-03-31 15:57:04 0  1  475

Wählen/extrahieren Sie Knoten von HTML/Text aus HTML mithilfe von CSS-Selektoren

Nehmen wir an, ich schreibe ein Knotenskript, das fetch verwendet, um HTML-Seiteninhalte in Variablen abzurufen. Jetzt habe ich einen CSS-Selektor für so etwas. Wie kann ich damit HTML- und/oder Textinhalte extrahieren, die von CSS-Selektoren erkannt werden? Wenn es ein vorhandenes Tool/Paket gibt, ...

P粉356361722 2024-03-19 19:41:22 0  1  409

So stellen Sie die vollständige Abdeckung des Lauftexts sicher, wenn Sie die CSS-Eigenschaft „Overflow: scroll' für ein Div verwenden

Ich bin neu in der Programmierung und versuche derzeit, eine einfache einseitige Website mit HTML/CSS und JS zu erstellen. Ich habe eine CSS-Klasse namens „general_container“, in die ich Text schreibe. Diese Klasse ist in CSS auch als „div_text“ definiert (Code für beide wird unten bereitgestellt): ...

P粉321584263 2023-08-16 00:13:42 0  2  566

Titel umgeschrieben als: Wie ändere ich die Textgröße in allen Eingabebereichen (einschließlich E-Mail-Anmeldung, Kommentarfeld und Dropdown-Liste für die Rezeptindexseite) in CSS?

Website: https://olivesfordinner.com/ Suchen Sie nach CSS-Code, der den Text vergrößert, wenn Sie Ihre E-Mail-Adresse eingeben, um sich auf der Homepage anzumelden. Es ist zu klein. Wenn ich einen Kommentar zu einem Rezeptbeitrag hinterlasse (z. B.: https://olivesfordinner.com/toasted-muesli-recipe/...

P粉465675962 2023-09-14 15:17:43 0  2  633

Die Seite kann nicht gesteuert werden, aber über CSS wird erkannt, ob die Eingabe Text enthält

Gibt es eine Möglichkeit, über CSS zu erkennen, ob ein Eingabefeld Text enthält? Ich habe versucht, die Pseudoklasse :empty und [value=""] zu verwenden, ohne Erfolg. Ich kann anscheinend keine Lösung finden. Ich denke, es muss möglich sein, wenn man bedenkt, dass wir Pseudoklassen wie :che...

P粉850680329 2023-08-20 18:25:33 0  2  552

javascript - Wie kann man CSS-Vorverarbeitungscode wie Sass in Vue als einzelne Dateikomponente in erhabenem Text hervorheben?

Wie erstelle ich Sass- und andere CSS-Vorverarbeitungscodes in erhabenem Text, der in einer einzelnen Dateikomponente von Vue hervorgehoben wird? Nachdem ich lang="scss" zu <style Scoped> hinzugefügt habe, konnte ich es nicht hervorheben und die Tastenkombinationen wie Kommen...

PHP中文网 2017-05-16 13:35:52 0  2  899

So implementieren Sie mehrere CSS-Übergangseffekte

Dies ist eine ziemlich einfache Frage, aber ich kann keine gute Dokumentation zu CSS-Übergangseigenschaften finden. Hier ist das CSS-Snippet: .nava{text-transform:uppercase;text-decoration:none;color:#d3d3d3;line-height:1.5em;font-size:.8em;display:block;text-align:center; text -shadow:0-1.5em0rgba(...

P粉258788831 2023-08-22 11:00:36 0  2  460