[CSS]角丸を表現するborder-radius

地味によく使うのでメモ。

 

.kadomaru {
-webkit-border-radius: 5px;/* for Safari and Chrome */
-moz-border-radius: 5px; /* for Firefox */
-o-border-radius: 5px; /* for opera */
border-radius: 5px;
}

 

ブラウザ対応状況

Safari・Chrome・Firefox・operaに対応(IEは11から対応)

http://caniuse.com/#search=border-radius

カテゴリーCSS

コメントを残す