角を丸くするcss

切りだしするのが面倒くさいので試しに使ってみました。

.kadomaru{
-moz-border-radius: 20px; 　　　　/*Firefox*/
-webkit-border-radius: 20px; 　　/*Safari*/
}

でできるみたいです。

ポイントごとは

Fire Fox

.kadomaru{
	-moz-border-radius-topright: 0.65em;   /*上右*/
	-moz-border-radius-topleft: 0.65em;   /*上左*/
	-moz-border-radius-bottomright: 0.65em;   /*下右*/
	-moz-border-radius-bottomleft: 0.65em;   /*下左*/
}

Safari

.kadomaru{
	-webkit-border-top-left-radius: 0.65em;         /*上右 */
	-webkit-border-top-right-radius: 0.65em;　      /*上左*/
	-webkit-border-bottom-left-radius: 0.65em;    /*下右*/
	-webkit-border-bottom-right-radius: 0.65em;   /*下左*/
}

こんな感じ
切りだす手間が省けるのはいいが
IEは対応してないという…　っ(・ω・｀)
やっぱ切りだすしかないですかね　っ(´・ω・｀)

LIGはWebサイト制作を支援しています。ご興味のある方は事業ぺージをぜひご覧ください。