プロフィール画像の角をhtmlで丸くするには?【ワードプレスでブログ作り】

スクリーンショット 2018-01-08 20.22.25

こんにちは!ハゲてますよー!(@hagetemasu7)

久々にブログ作りに関する記事を書いてみたいと思います。

こちらは僕のブログのプロフィール画像です。前々から思ってたんですけど、

画像四角じゃなくて、丸い方がよくね????

と。ただ、どうやって丸くするんだ、これ?とぼんやり悩んでました。ようやく本腰を上げて、丸くしてみようかなと思って
「html 丸く   画像」で検索したら一発で出てきて、
ものの3分で修正できました。

「ああ、毎度のことながら、重かったな、俺の腰は・・・」と思いながら、
ものの3分でできてしまったがために、
そこまでの感動もなく、
すぐ忘れてしまいそうなので、
備忘録がてら書いてます。

ちなみにhtmlクイックリファレンスで一発でした

下にコードを貼っておくので、参考にしてみてください。今回は70pxにして角をだいぶとって、まんまるにしてみました。
スクリーンショット 2018-01-08 20.22.25

以下コードです。

ワードプレスからメニューバーの修正をする場合は、外観<カスタマイズ<ウィジェットで入ると、ピクセル数を変えながら、画像の角の取れ具合を調整できるので、オススメです。 こんな感じで丸くできますので、ぜひ!


スポンサードリンク

コメントを残す

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です

次のHTML タグと属性が使えます: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code class="" title="" data-url=""> <del datetime=""> <em> <i> <q cite=""> <s> <strike> <strong> <pre class="" title="" data-url=""> <span class="" title="" data-url="">