« バレンタインデーにまだ間に合う!ブログをチョコレート色に彩るCcSSの実装
 

Chocolatecoating Style Sheet ver 1.0

壁はセロのおねがい一足たちを中をこめセロたた。またもう少しくたくたたるというあとずない。粗末だたんなはたまた病院の気の毒がいの上がはもう生意気たたて、これでもガラスと叩きれへんましう。
Chocott!

.choco01 {
	position:relative;
    display: block;
	margin:5px;
    padding:3px 10px 3px 35px;
    text-decoration: none;
    font-size: 20px;
    font-weight: bold;
	border-width: 3px 5px 12px 5px;
	border-style: solid;
    border-color:#7E534C #542916 #542916 #7E534C;
	border-radius:4px;
    color: #7E534C;
    background: #441302;
	box-shadow:0 4px 5px 1px #cccccc;
}
.choco01:before {
	position: absolute;
	content:" ";
    display: block;
	top:-3px;
	left:20px;
	width:0;
	height:100%;
	border-width:3px 3px 3px 0;
	border-style: solid;
    border-color:
	  transparent #350F02 transparent transparent;
}
.choco01:after {
	position: absolute;
	content:" ";
    display: block;
	top:-3px;
	left:23px;
	width:0;
	height:100%;
	border-width:3px 0 3px 3px;
	border-style: solid;
    border-color:
	  transparent transparent transparent #542916;
}
.button{
	display:inline-block;
	font-size:16px;
}
 

Chocolatecoating Style Sheet ver 2.0

しすぎ私は療をわるくたていつかのドレミファの扉たちにわらい第一猫会の司会を合わていました。児もこんどしとった。ゴーシュは一云っ楽器のようをしてしまいまし。
Chocott!

.choco02 {
	position:relative;
    display: block;
	margin:5px;
    padding:0 15px;
    text-decoration: none;
    font-size: 20px;
    font-weight: bold;
	border-width: 8px 7px 5px 7px;
	border-style: solid;
    border-color:#542916 #7E534C #7E534C #542916;
	border-radius:4px;
    color: #7E534C;
    background: #441302;
	box-shadow: 0 8px 0 0 #441302, 0 12px 5px 1px #cccccc;
}

.button{
	display:inline-block;
	font-size:16px;
}
« バレンタインデーにまだ間に合う!ブログをチョコレート色に彩るCcSSの実装