ホームページ  >  記事  >  WeChat アプレット  >  小さなプログラムで画像に丸い角を追加する方法

小さなプログラムで画像に丸い角を追加する方法

angryTom
angryTomオリジナル
2020-03-25 13:30:298948ブラウズ

小さなプログラムで画像に丸い角を追加する方法

ミニ プログラムで画像に角丸を追加する方法

CSS と同様に、ミニ プログラムで角丸を渡すことができますborder-radius を設定します。

画像に丸い境界線を設定するには、次のスタイルを追加するだけです:

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

違いは、ミニ プログラムでは丸い角の 1 つだけを設定し、直角の場合は、border-bottom-left-radius、border-top-left-radius、border-bottom-left-radius、および border-top-left-radius を使用して個別に設定する必要があります。

CSS に似たものを使用して、border-radius 属性に 4 つの値を直接書き込みます (例: border-radius: 5px,0px,0px,5px; 効果はありません

##) #PHP 中国語 Web サイト、多数の無料の

小規模プログラム開発チュートリアル 、学習へようこそ!

以上が小さなプログラムで画像に丸い角を追加する方法の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

声明:
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。