ホーム » ブログ » cssを使って画像を円形に表示する方法
このエントリーをはてなブックマークに追加
@2014/11/29
cssを使って画像を円形に表示する方法です。もちろん、画像だけではなく、他のHTML要素も使えるはず。
ここでは一番簡単な例を挙げます。
HTMLコード
<img  src="zanmai.png">

cssコード

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

画像表示効果





♪ 当記事がお役に立ちましたらシェアして頂ければ嬉しいです。
0人
このエントリーをはてなブックマークに追加


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

お名前:

 

EMAIL:

 

URL:

 

認証コード:

zanmai.net-safecode

 


※会員の方は認証コードを要らないから、新規登録をオススメ!

アーカイブ @zanmai.net
check