CSSで可変対応した角丸のボックスを作る その 1

CSSで可変対応した角丸のボックスのサンプルCSSで可変対応した角丸のボックスのサンプル

CSSで可変対応した角丸のボックスのサンプルCSSで可変対応した角丸のボックスのサンプル

CSSで可変対応した角丸のボックスのサンプルCSSで可変対応した角丸のボックスのサンプル

上部の画像

下部の画像

解説と逆にした場合に作った例

CSSで可変対応した角丸のボックスのサンプルCSSで可変対応した角丸のボックスのサンプル

CSSで可変対応した角丸のボックスのサンプルCSSで可変対応した角丸のボックスのサンプル

CSSで可変対応した角丸のボックスのサンプルCSSで可変対応した角丸のボックスのサンプル

CSS

div.column2	{
	width: 570px;
	background: url(image/top.jpg) no-repeat;
	margin-bottom: 40px;
	padding-top: 25px;
}
div.column2 .inner	{
	background: url(image/bottom.jpg) no-repeat bottom;
	padding: 0 35px 20px;
}

ページトップへ