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

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

angryTom
リリース: 2020-03-25 13:30:29
オリジナル
8990 人が閲覧しました

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

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

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 サイトの他の関連記事を参照してください。

関連ラベル:
ソース:php.cn
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
最新の問題
人気のチュートリアル
詳細>
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート