suchen

Heim  >  Fragen und Antworten  >  Hauptteil

Erstellen Sie mit der CSS-Eigenschaft Clip-path:circle() einen kreisförmigen Rahmen um ein Bild

Ich möchte wissen, wie man einem Bild einen Rand hinzufügt. Clip-Pfad: Kreis (); Gibt es eine andere Möglichkeit, einen Rand hinzuzufügen?

Bild: Rand: 5 Pixel einfarbig rot

Ich habe Folgendes versucht:

.roundedimage {
  width: 200px;
  clip-path: circle();
}
<img src="images/tv.jpg" alt="rounded Image" class="roundedimage">

Da der Grenzradius nicht funktioniert, wie geht es weiter

P粉875565683P粉875565683233 Tage vor499

Antworte allen(1)Ich werde antworten

  • P粉579008412

    P粉5790084122024-04-01 11:46:30

    border-radius 适用于图像。请参见下面的示例。您还在寻找其他东西吗?

    .roundedimage {
      width: 200px;
      border: 5px solid red;
      border-radius:100vh;
    }
    rounded Image

    Antwort
    0
  • StornierenAntwort