デジハリ 新しい自分に生まれ変わろう
デジハリ 新しい自分に生まれ変わろう
2010.09.06

角を丸くする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は対応してないという… っ(・ω・`)
やっぱ切りだすしかないですかね っ(´・ω・`)