- 公開日
CSS3 を使って円を描く
現時点の本ブログデザインの左上の日付表示の部分。
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| .circle { | |
| background-color: #cc3; | |
| height: 150px; | |
| width: 150px; | |
| border-radius:75px; | |
| -moz-border-radius:75px; | |
| -webkit-border-radius: 75px; | |
| } |
気をつけたいのはFirefox13から、接頭辞付き-moz-border-radiusプロパティをサポートしなくなったこと（参考）。代わりにborder-radiusを使用してください。
さらに駆使すれば星やハートも描くこともできるみたいです。詳しくは下記。