デザインコード紹介

Chapter1 背景・画像・写真装飾

画像の形状を変える

更新日:

画像の形状を変えるのWebデザイン画像

HTML

<img src="picture.jpg" alt="カフェで女性が横を向いている写真">

CSS

img {
  border-radius: 30% 70% 70% 30% / 30% 30% 70% 70%;
}

できるだけ誌面とコードの色を近づけるように調整しましたが、印刷物と画面表示との差異はどうしても発生してしまいます。サポートサイトでご確認いただける色が実際に表示されます。