box-shadow

box-shadow(水平距離,垂直距離,ぼかし距離,色);

Lorem ipsum(水平0、垂直0、ぼかし0)

Lorem ipsum(水平10、垂直10、ぼかし10)

Lorem ipsum(水平0、垂直0、ぼかし10)

Lorem ipsum(水平10、垂直0、ぼかし10)

Lorem ipsum(水平0、垂直10、ぼかし10)

/*css*/
#m0,#m1,#m2,#m3,#m4 {
	margin:50px;
	text-align:center;
	color:#fff;
	font-size:20px;
	width:70%;
	line-height:100px;
	background:#88f;
    }
#m1 {
	box-shadow:10px 10px 10px #666;
    }
#m2 {
	box-shadow:0px 0px 10px #666;
    }
#m3 {
	box-shadow:10px 0px 10px #666;
    }
#m4 {
	box-shadow:0px 10px 10px #666;
    }

コメントor補足情報orご指摘あればをお願いします。

(件名or本文内でキーワード検索できます)



  • << 前のページ
  • 次のページ >>
ページトップへ