デザインコード紹介
Chapter1 背景・画像・写真装飾
画像の形状を変える
更新日:

HTML
<img src="picture.jpg" alt="カフェで女性が横を向いている写真">
CSS
img {
border-radius: 30% 70% 70% 30% / 30% 30% 70% 70%;
}
できるだけ誌面とコードの色を近づけるように調整しましたが、印刷物と画面表示との差異はどうしても発生してしまいます。サポートサイトでご確認いただける色が実際に表示されます。