角を丸くする滋賀県守山市のホームページ制作

スタイルシート

角を丸くする

★すべて丸くする

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

———-
★場所を指定して丸くする
左上

	border-top-left-radius: 20px;
	-moz-border-top-left-radius: 20px;
	-webkit-border-top-left-radius: 20px;

右上

	border-top-right-radius: 20px;
	-moz-border-top-right-radius: 20px;
	-webkit-border-top-right-radius: 20px;

右下

	border-bottom-right-radius: 20px;
	-moz-border-bottom-right-radius: 20px;
	-webkit-border-bottom-right-radius: 20px;

左下

	border-bottom-left-radius: 20px;
	-moz-border-bottom-left-radius: 20px;
	-webkit-border-bottom-left-radius: 20px;