Heim  >  Artikel  >  WeChat-Applet  >  So fügen Sie Bildern in einem kleinen Programm abgerundete Ecken hinzu

So fügen Sie Bildern in einem kleinen Programm abgerundete Ecken hinzu

angryTom
angryTomOriginal
2020-03-25 13:30:298955Durchsuche

So fügen Sie Bildern in einem kleinen Programm abgerundete Ecken hinzu

So fügen Sie abgerundete Ecken zu Bildern im Miniprogramm hinzu

Wie CSS können die abgerundeten Ecken im Miniprogramm übergeben werden Grenzradius zum Festlegen.

Um einen abgerundeten Rand für ein Bild festzulegen, fügen Sie einfach den folgenden Stil hinzu:

image{
    border-radius: 5px;
    overflow: hidden;
}

Der Unterschied besteht darin, dass Sie im Miniprogramm nur eine der abgerundeten Ecken festlegen möchten und die Für rechte Winkel müssen Sie „border-bottom-left-radius“, „border-top-left-radius“, „border-bottom-left-radius“ und „border-top-left-radius“ verwenden, um sie separat festzulegen.

Verwenden Sie etwas Ähnliches wie CSS, um vier Werte direkt in das Attribut border-radius zu schreiben, z. B.: border-radius: 5px, 0px, 0px, 5px; Es wird keine Auswirkung haben

PHP Chinesische Website, eine große Anzahl kostenloser Tutorials zur Mini-Programmentwicklung, willkommen zum Lernen!

Das obige ist der detaillierte Inhalt vonSo fügen Sie Bildern in einem kleinen Programm abgerundete Ecken hinzu. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!

Stellungnahme:
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn