まさくまの日記

日々の暮らしの中で感じたことなど自由に綴っています

ヘッダーのロゴ画像に丸みを付ける

ヘッダーのロゴ画像の角に丸みを付けました。

上の画像だと背景が黄色の部分がロゴになります。(ピンク色の部分はヘッダーです。)

尖った角よりも優しいイメージになりました。

ロゴに丸みを付けるためのCSSは次のとおりです。

.custom-header img {
    border-radius: 20px;
}

「20px」の値を大きくすると丸みも大きくなります。