cssを使って画像を円形に表示する方法_技術三昧ブログ

ホーム » ブログ » cssを使って画像を円形に表示する方法

@2014/11/29

cssを使って画像を円形に表示する方法です。もちろん、画像だけではなく、他のHTML要素も使えるはず。
ここでは一番簡単な例を挙げます。
HTMLコード

<img  src="zanmai.png">

cssコード


  border-radius: 40px;
  -webkit-border-radius: 40px;
  -moz-border-radius: 40px;

画像表示効果

♪ 当記事がお役に立ちましたらシェアして頂ければ嬉しいです。

0人

★ 当記事を閲覧の方は下記の【関連記事】も閲覧していました。

閲覧履歴(直近10件)

◎zanmai.netサイト記事の転載・複製（コピー）は、zanmai.netへのリンクであることを明記してください！
◎本記事URL: https://www.zanmai.net/blog/data/219.html

cssを使って画像を円形に表示する方法_ブログ_zanmai.net