ヘッダーのロゴ画像に丸みを付ける
ヘッダーのロゴ画像の角に丸みを付けました。
上の画像だと背景が黄色の部分がロゴになります。(ピンク色の部分はヘッダーです。)
尖った角よりも優しいイメージになりました。
ロゴに丸みを付けるためのCSSは次のとおりです。
.custom-header img {
border-radius: 20px;
}
「20px」の値を大きくすると丸みも大きくなります。
ヘッダーのロゴ画像の角に丸みを付けました。
上の画像だと背景が黄色の部分がロゴになります。(ピンク色の部分はヘッダーです。)
尖った角よりも優しいイメージになりました。
ロゴに丸みを付けるためのCSSは次のとおりです。
.custom-header img {
border-radius: 20px;
}
「20px」の値を大きくすると丸みも大きくなります。